Both are mechanisms for passing information to an event handler, but the extraParameters argument to .trigger() allows information to be determined at the time the event is triggered, while the eventData argument to .bind() requires the information to be already computed at the time the handler is bound. It creates a JQueryEventObject with the type and optional namespace you give it. It sends or emits an event of a specific type that travels up the DOM until it reaches the top or its propagation is stopped.

Another working solution for those who were blocked with jQuery trigger handler, that dosent fire on native events will be like below (100% working) : var sortBySelect = document.querySelector("select.your-class"); sortBySelect.value = "new value"; sortBySelect.dispatchEvent(new Event("change")); No (only on() does this).

This is a nice and neat way to keep the event function locally scoped, instead of having it retrieve global variables or run some logic based on DOM selectors. So this. To avoid such issues, jQuery provides two easy mechanisms for passing data to event handlers. Use the on() method instead. Event.data. Note that if you pass additional data with trigger, your first parameter in the callback function always is the actual event you are triggering. You can always use document, any DOM selector or even object you like, just make sure that both the trigger and the on must use the same object (that is, DOM elements that are removed from the DOM temporarily are error-prone). Questions: If I have click event listener on many dynamically created elements, will they use the memory when remove() is called by removeEventListner is not?

The app.Model I used in the parenthesis is the object that should trigger an event and that also listens on that event. I’m doing this in WordPress. javascript – How to get relative image coordinate of this div? Think of it as kind of a namespace. version added: 1.1 event.data Refer this Event Object, .trigger( eventType [, extraParameters] ). 'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs'); Passing data to jQuery events with event.data and custom $.Event object. The data map is then exposed as a “data” property of the $.Event object. Or you can use event.data to attach the extra information relevant to this event. Prevent the default action of a submit button How to prevent the form being submitted using the event.preventDefault() method. At the moment I have to... How to get a jqGrid selected row cells value, © 2014 - All Rights Reserved - Powered by, Can you set event.data with jquery trigger, javascript – jQuery AJAX file upload PHP-Exceptionshub, javascript – How is memory handled when destroying DOM elements?-Exceptionshub, jquery – How to hide menu until after a user starts scrolling in WordPress-Exceptionshub. More after the jump.

Posted by: admin I’m Filip W., a .NET developer.