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

jquery custom-events
thorn0 picture thorn0 · Feb 9, 2010 · Viewed 9.3k times · Source

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

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

Answer

Dave Van den Eynde picture Dave Van den Eynde · Feb 9, 2010

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();

Related questions

jQuery trigger not firing with bind() or on() for custom events

Can anyone tell me why this code would not be working? $('body').on('test', function() { alert('test'); }); $('body').trigger('test'); I'm using jquery-1.7.2.min. I do not get any errors, just nothing happens. I've tried putting the code inside an …

Read More
How to trigger custom event with jQuery?

I'm attaching a custom event handler to the body in jQuery's ready method. Afterwards I immediately trigger the custom event but nothing seems to happen. $(function(){ $("body").on("test", function(){ alert("test triggered"); } $("body").trigger("test"); }

Read More
How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More