如何检查侦听器事件是否为被动事件？

Question

我正在编写一个手势/动作库，它还管理事件侦听器和触发。我已经实现了我的库，通过一个API支持手势对象设置被动侦听器，该API如下：this。在（'touchstart.passive'，this.startHandler，{reject:errorHandler}）上。My lib支持多种手势，设置多个听众，包括被动和非被动。lib将确保最多只有一个真正的侦听器连接到DOM。因此，我们最多可以有2个touchstart监听器，其中一个是被动监听器，另一个不是。

我的问题和问题是，我无法检测接收到的事件是否附加了{被动： true}选项。我认为我可以在本机事件对象上使用可取消的属性，因为在被动事件上调用预防默认（）是错误的。但是可取消属性始终为true，即使浏览器会抛出一个错误。

我已经阅读了关于事件监听器的whatwgdom标准，并在Firefox和Chrome中进行了一些测试，但找不到关于如何区分这两种类型事件的任何信息。

这对我的库很重要，因为被动事件侦听器是用“.passive”后期修复程序键入的，例如“touchstart.passive”与“touchstart”。

如何检查被动选项接收的DOM事件，以便触发正确的内部侦听器？

编辑

目前，我的附加侦听器流程的要点是：

function eventNotifier(event) {
    this.fire(event.cancelable ? event.type : event.type + '.passive', new GestureEvent(event))
}

addEvent(el, realEventName, eventNotifier, options)
nativeListeners.set(eventName, 1)

function addEvent (el, type, listener, options) {
    el.addEventListener(type, listener, options || true)
}

其中，nativellisteners是跟踪真实事件侦听器的映射




Answer 1

写一个if语句来检查侦听器是否附加了“。被动”。

Answer 2

在调用event.preventDefault（）；之后，可以测试event.defaultPrevent的值。如果调用是被动事件，浏览器会抛出警告/错误，但是它不会停止javascript的执行。因此，以下措施应该行得通：

document.addEventListener('touchstart', function(event) {
  event.preventDefault();
  
  if (event.defaultPrevented) {
    // This is not a passive event
  } else {
    // This is a passive event
  }
}, { passive: true });