如何在Elo触摸屏上无需预定义事件即可获取浏览器事件类型？

首先明确：没办法完全不预先定义任何事件就捕获页面上触发的触摸/交互事件——浏览器的事件模型核心逻辑就是「只有注册了监听器的事件，才会被代码捕获到」，不存在能自动监听所有未声明事件的API。

不过可以用更简洁的方式接近你的需求，不用手动逐个写事件名，推荐两种方案：

1. 批量枚举相关事件并绑定监听器 #

把所有可能的触摸、鼠标交互事件放进数组，循环绑定监听器，比手动写一堆事件名高效得多。比如：

// 包含常见触摸、鼠标、指针事件的数组，可根据需求补充
const interactiveEvents = [
  'click', 'mouseover', 'mousedown', 'mouseup',
  'touchstart', 'touchend', 'touchmove',
  'pointerdown', 'pointerup', 'pointermove'
];

// 统一的事件处理函数
function handleUserEvent(e) {
  console.log('触发的事件类型:', e.type);
  // 这里添加你的超时事件逻辑
}

// 批量绑定到body元素
interactiveEvents.forEach(eventName => {
  document.body.addEventListener(eventName, handleUserEvent);
});

如果用jQuery的话，也可以把数组转成空格分隔的字符串：

const interactiveEvents = ['click', 'mouseover', 'mousedown', 'touchstart', 'touchend', 'mouseup'];
$('body').on(interactiveEvents.join(' '), function(e) {
  console.log("trigger type" + e.type);
});

2. 使用Pointer Events统一处理触摸/鼠标事件 #

Chrome/Chromium完全支持W3C的Pointer Events标准，它可以把鼠标、触摸、笔输入等交互统一成一套事件（比如pointerdown、pointerup、pointermove），不用分别监听鼠标和触摸事件，能大幅减少需要监听的事件数量，特别适合触摸屏场景：

document.body.addEventListener('pointerdown', handleUserEvent);
document.body.addEventListener('pointerup', handleUserEvent);
// 如需跟踪触摸移动，可添加pointermove

function handleUserEvent(e) {
  console.log('触发的事件类型:', e.type);
  // 还可以通过e.pointerType区分是触摸('touch')、鼠标('mouse')还是笔('pen')
}

关于Elo触摸屏的专有事件 #

你提到这是Elo的专有触摸屏，可以去查Elo的Web开发文档，看看他们有没有扩展自定义的触摸事件（比如多点触控的特殊事件）。如果有的话，只需要把这些自定义事件名补充到上述的事件数组里，就能捕获到厂商专属的事件类型了。

内容的提问来源于stack exchange，提问作者ClosDesign