禁用移动设备/较小屏幕设备的addEventListener

要禁用移动设备或较小屏幕设备的addEventListener，可以使用媒体查询（Media Query）来检测设备屏幕大小，在满足条件时动态添加或删除事件监听器。

以下是一个示例代码，它在屏幕宽度小于等于600像素时禁用了click事件的监听器：

// 检测屏幕宽度
const mediaQuery = window.matchMedia('(max-width: 600px)');

// 定义事件处理函数
function handleClick(event) {
  console.log('点击事件被触发');
}

// 检测设备屏幕大小的变化
function handleScreenSizeChange(mediaQuery) {
  // 如果屏幕宽度小于等于600像素，添加事件监听器
  if (mediaQuery.matches) {
    document.addEventListener('click', handleClick);
  } else {
    // 否则，移除事件监听器
    document.removeEventListener('click', handleClick);
  }
}

// 添加事件监听器，监听屏幕大小的变化
mediaQuery.addListener(handleScreenSizeChange);

// 初始时执行一次屏幕大小的检测
handleScreenSizeChange(mediaQuery);

在上述代码中，我们首先使用window.matchMedia()函数创建了一个媒体查询对象mediaQuery，用于检测屏幕宽度是否小于等于600像素。然后，我们定义了一个事件处理函数handleClick()，它将在点击事件触发时被调用。接下来，我们定义了一个handleScreenSizeChange()函数，它会根据屏幕大小的变化来添加或移除事件监听器。最后，我们使用mediaQuery.addListener()方法添加了一个事件监听器，以监听屏幕大小的变化，并通过handleScreenSizeChange()函数执行初始的屏幕大小检测。

这样，当屏幕宽度小于等于600像素时，点击事件的监听器将被添加；当屏幕宽度大于600像素时，点击事件的监听器将被移除，从而禁用了移动设备或较小屏幕设备的addEventListener。