Jquery

Some jQuery Event Methods.

Some jQuery Event Methods.

Some jQuery Event Methods.

jQuery events are those tasks that can be detected by your web application. They are used to create dynamic web pages. An event represents the exact moment when something happens. This section contains a comprehensive list of event methods belonging to the latest jQuery library. All the methods are grouped into categories.

Below are some examples of jQuery events:

  1. A mouse click, hover, etc.
  2. Select a radio button.
  3. An HTML form submission.
  4. clicking on an element.
  5. Scrolling of the web page etc.

List of jQuery Event Methods.

 

Mouse Events.

 

Method Description
click() Bind an event handler to be fired when the element is clicked, or trigger that handler on an element.
dblclick() Bind an event handler to be fired when the element is double-clicked, or trigger that event on an element.
hover() Bind one or two handlers to the selected elements, to be executed when the mouse pointer enters and leaves the elements.
mousedown() Bind an event handler to be fired when the mouse button is pressed within the element, or trigger that event on an element.
mouseenter() Bind an event handler to be fired when the mouse enters an element, or trigger that handler on an element.
mouseleave() Bind an event handler to be fired when the mouse leaves an element, or trigger that handler on an element.
mouseout() Bind an event handler to be fired when the mouse pointer leaves the element, or trigger that event on an element.
mouseup() Bind an event handler to be fired when the mouse button is released within the element, or trigger that event on an element.

Keyboard Events.

 

Method Description
keydown() Bind an event handler to be fired when a key is pressed and the element has keyboard focus, or trigger that event on an element.
keypress() Bind an event handler to be fired when a keystroke occurs and the element has keyboard focus, or trigger that event on an element.
keyup() Bind an event handler to be fired when a key is released and the element has keyboard focus, or trigger that event on an element.

Form Events.

Method Description
blur() Bind an event handler to be fired when the element loses keyboard focus, or trigger that event on an element.
change() Bind an event handler to be fired when the element’s value changes, or trigger that event on an element.
focus() Bind an event handler to be fired when the element gains keyboard focus, or trigger that event on an element.
focusin() Bind an event handler to be fired when the element, or a descendant, gains keyboard focus.
focusout() Bind an event handler to be fired when the element, or a descendant, loses keyboard focus.
select() Bind an event handler to be fired when text in the element is selected, or trigger that event on an element.
submit() Bind an event handler to be fired when the form element is submitted, or trigger that event on an element.

Document/Browser Events.

 

Method Description
load() Bind an event handler to be fired when the element finishes loading. Deprecated in favor of Ajax load() method.
ready() Bind an event handler to be fired when the DOM is fully loaded.
resize() Bind an event handler to be fired when the element is resized, or trigger that event on an element.
scroll() Bind an event handler to be fired when the window’s or element’s scroll position changes, or trigger that event on an element.

Read Also.

Related Articles

Leave a Reply

Back to top button