jQuery Events Tutorial

jQuery events are the web-detected actions. jQuery provides a number of event-related methods. These methods are used to create dynamic web pages.

METHODS DESCRIPTION
click Attaches/Triggers the click event
dblclick Attaches/Triggers the double-click event
mouseenter Attaches/Triggers the mouseenter event
mouseleave Attaches/Triggers the mouseleave event
keyup Attaches/Triggers the keyup event
keydown Attaches/Triggers the keydown event
keypress Attaches/Triggers the keypress event
submit Attaches/Triggers the submitted event
change Attaches/Triggers the change event
blur Attaches/Triggers the blur event
focus Attaches/Triggers the focus event
load Attaches an event handler to the load event
unload Attaches an event handler to the unloaded event
scroll Attaches/Triggers the scroll event
resize Attaches/Triggers the resize event

 

Classification:

Event methods can be mainly classified into four types:

1.     Mouse Events

  • click
  • dblclick
  • mouseenter
  • mouseleave

2.     Keyboard Events

  • keyup
  • keydown
  • keypress

3.     Form Events

  • submit
  • change
  • blur
  • focus

4.     Document/Window Events

  • load
  • unload
  • scroll
  • resize