The click() binding you’re using is called a “direct” binding which will only attach the handler to elements that already exist. It won’t get bound to elements created in the future. To do that, you’ll have to create a “delegated” binding by using on(). Delegated events have the advantage that they can process events from … Read more
As of jQuery 1.8, the event data is no longer available from the “public API” for data. Read this jQuery blog post. You should now use this instead: jQuery._data( elem, “events” ); elem should be an HTML Element, not a jQuery object, or selector. Please note, that this is an internal, ‘private’ structure, and shouldn’t … Read more
I am adding a new answer to reflect changes in later jQuery releases. The .live() method is deprecated as of jQuery 1.7. From http://api.jquery.com/live/ As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live(). For jQuery 1.7+ … Read more
Note: the initEvent method is now deprecated. Other answers feature up-to-date and recommended practice. You can use fireEvent on IE 8 or lower, and W3C’s dispatchEvent on most other browsers. To create the event you want to fire, you can use either createEvent or createEventObject depending on the browser. Here is a self-explanatory piece of … Read more
Actually this is better: var code = e.keyCode || e.which; if(code == 13) { //Enter keycode //Do something }
Chrome, Firefox, Vivaldi and Safari support getEventListeners(domElement) in their Developer Tools console. For majority of the debugging purposes, this could be used. Below is a very good reference to use it: https://developers.google.com/web/tools/chrome-devtools/console/utilities#geteventlisteners Highly voted tip from Clifford Fajardo from the comments: getEventListeners($0) will get the event listeners for the element you have focused on in … Read more
stopPropagation prevents further propagation of the current event in the capturing and bubbling phases. preventDefault prevents the default action the browser makes on that event. Examples preventDefault $(“#but”).click(function (event) { event.preventDefault() }) $(“#foo”).click(function () { alert(“parent click event fired!”) }) <script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> <div id=”foo”> <button id=”but”>button</button> </div> stopPropagation $(“#but”).click(function (event) { event.stopPropagation() }) $(“#foo”).click(function () … Read more
You can use .on() to bind a function to multiple events: $(‘#element’).on(‘keyup keypress blur change’, function(e) { // e.type is the type of event fired }); Or just pass the function as the parameter to normal event functions: var myFunction = function() { … } $(‘#element’) .keyup(myFunction) .keypress(myFunction) .blur(myFunction) .change(myFunction)