如何检查自定义事件是否被阻止

Question

在我的代码中，我需要在事件分发后与自定义事件进行交互。

// ...
let customEvent = new CustomEvent('myevent', {
  bubbles: true,
  cancelable: true
});

button.addEventListener('click', function (e) {
  e.preventDefault();
  otherElement.dispatchEvent( customEvent );
  // at this point i neeed some help
  // if ( customEvent was canceled or prevented ) { do something }
});

如何检查事件是否被阻止/取消或其他解决方案以获得一些“反馈”？

- Alexandre Thebaldi

Answer 1

有很多方法可以实现这个目标。其中一种方法是：

var isCanceled = !otherElement.dispatchEvent(event);

- Taran J

Answer 2

你可以检查defaultPrevented属性。另外，dispatchEvent方法返回默认操作是否仍将发生。

- Bergi

Answer 3

你可以在事件对象中检查布尔值 defaultPrevented。

- epascarello