How check if custom event was prevented

Question

In my code I need to interact with custom event after dispatched.

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

How can check if it has been prevented/cancelled or another solution to get some "feedback" from event?

Answer 1

You can check for the Boolean defaultPrevented in the event Object

Answer 2

You can check for the defaultPrevented property. Also the dispatchEvent method returns whether the default action is still to take place or not.