Search code examples
jquerycustom-events

jQuery: How do I use event.preventDefault() with custom events?


How can I know in my triggering code that preventDefault has been called?

$(document).trigger('customEvent', params);
if (/* ??? */)
    doDefaultActions();

Solution

  • trigger() can also take an event object, so if you can create an event object, like so:

    var event = jQuery.Event("customEvent");
    $(document).trigger(event);
    

    then you can check after the trigger to see if preventDefault() has been called like so:

    var prevented = event.isDefaultPrevented();