jQuery - Events Handling
We have the ability to create dynamic web pages by using events. Events are actions that can be detected by your Web Application.
Following are the examples events:
- A mouse click
- A web page loading
- Taking mouse over an element
- Submitting an HTML form
- A keystroke on your keyboard
- etc.
When these events are triggered you can then use a custom function to do pretty much whatever you want with the event. These custom functions call Event Handlers.
Binding event handlers:
Using the jQuery Event Model, we can establish event handlers on DOM elements with the bind()method as follows:
$('div').bind('click', function( event ){
alert('Hi there!');
});
|
This code will cause the division element to respond to the click event; when a user clicks inside this division thereafter, the alert will be shown.
The full syntax of the bind() command is as follows:
selector.bind( eventType[, eventData], handler) |
