如何在不同的屏幕尺寸上交换JavaScript事件监听器

function handleTouch() {
    console.log('触摸事件触发');
}

function handleMouse() {
    console.log('鼠标事件触发');
}

function swapEventListeners() {
    const width = window.innerWidth;

    // 移除所有相关事件监听器
    document.removeEventListener('click', handleMouse);
    document.removeEventListener('touchstart', handleTouch);

    if (width <= 600) {
        // 移动设备
        document.addEventListener('touchstart', handleTouch);
    } else {
        // 桌面设备
        document.addEventListener('click', handleMouse);
    }
}

// 初始调用
swapEventListeners();

// 监听窗口大小变化
window.addEventListener('resize', swapEventListeners);