Category: Events

The delegate () method is used to attach one or more event handlers for specified elements which are the children of selected elements. This method executes a function to run when the event occurs. The attached event handlers with the delegate () method works for both current and future elements. Syntax: Parameters of jQuery delegate()…

The jQuery unload() method is used to unload a specific element. It attaches an event handler to unload event. The unload event is sent to the window element when the user navigates away from the page. It was deprecated in jQuery 1.8 version of jQuery library. Ways to trigger unload event An unload event is…

The load () method is used to load a specific element. It attaches an event handler to load event. It was deprecated in jQuery 1.8 version of jQuery library. The load event occurs when a specific element is loaded. It is generally used with a URL (image, script, frame, iframe), and the window object. Note:…

The jQuery hover() method executes two functions when you roam the mouse pointer over the selected element. The hover() method triggers both the mouseenter and mouseleave events. Syntax: Note: If you specify only one function then it will be run for both the mouseenter and mouseleave event. Parameters of jQuery hover() event Parameter Description InFunction…

The mouseleave() method adds an event handler function to an HTML element. This function is executed, when the mouse pointer leaves the HTML element. When your mouse cursor leaves the selected element, it triggers the mouseleave event and once the mouseleave event is occurred, it executes the mouseleave() method attached with the event handler function…

The mouseenter() method adds an event handler function to an HTML element. This function is executed, when the mouse pointer enters the HTML element. When you enter your mouse cursor over the selected element, it triggers the mouseenter event and once the mouseenter event is occurred, it executes the mouseenter() method to attach the event…

When you press a key on the keyboard, the keydown() event is occurred and once the keydown() event is occurred, it executes the function associated with keydown() method to run. The keydown() event is generally used with two other events. Syntax: It triggers the keydown event for selected elements. It adds a function to the…

jQuery submit event is sent to the element when the user attempts to submit a form. This event is only attached to the <form> element. Forms can be submitted either by clicking on the submit button or by pressing the enter button on the keyboard when that certain form elements have focus. When the submit…

jQuery change event occurs when the value of an element is changed. It works only on form fields. When the change event occurs, the change () method attaches a function with it to run. Note: This event is limited to <input> elements, <textarea> boxes and <select> elements. Syntax: It triggers the change event for selected…

jQuery select event occurs when a text is marked or selected in text area or a text field. This event is limited to <input type=”text”> fields and <textarea> boxes. When the select event occurs, the select() method attaches a function to run. Syntax: It triggers the select event for selected elements. It adds a function…