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

How check if custom event was prevented

本文关键字:自定义 事件 是否 何检查 检查      更新时间:2023-09-26

在我的代码中,我需要在调度后与自定义事件进行交互。

// ...
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 }
});

如何检查它是否已被阻止/取消或其他解决方案以从事件中获得一些"反馈"?

有很多

方法可以做到这一点。 单向:

var isCanceled = !otherElement.dispatchEvent(event);

您可以检查 defaultPrevented 属性。此外,dispatchEvent 方法返回默认操作是否仍要发生。

您可以在事件 Object 中检查布尔defaultPrevented