jQuery event handling and propagation
jQuery event handling takes care of many of these browser quirks. You can focus on writing code that runs on most supported browsers. jQuery's support for browser events is simple and intuitive. For example, this code listens for a user to click on any button element on the page:
$('button').click(function(event) { console.log('Mouse button clicked'); });
Just like the click()
method, there are several other helper methods to cover almost all kinds of browser event. The following helpers exist:
blur
change
click
dblclick
error
focus
keydown
keypress
keyup
load
mousedown
mousemove
mouseout
mouseover
mouseup
resize
scroll
select
submit
unload
Alternatively, you can use the .on()
method. There are a few advantages of using the on() ...
Get JavaScript: Functional Programming for JavaScript Developers now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.