JQUERY - ALL EVENTS

Now, let us see the events used by JQuery.

Note : Click on each of the events, we have some cool example for each one.

We know that the form in HTML is quite important. And JQuery provides the Events that helps us work with form.

Event	Description
submit()	This event gets executed, when a form is submitted.
change()	This event is used to check if the contents of an element has changed or not.
select()	This event gets executed, when the contents of a field (Like an text or textarea field) is selected.
focus()	This event is executed, when a field (Like an text or textarea field) gets focus.
blur()	This event is executed, when a field (Like an text or textarea field) comes out of focus.
focusin()	This event gets executed, when a field (Like an text or textarea field) gets focus.
focusout()	This event gets executed, when a field (Like an text or textarea field) comes out of focus.

Then there are the events that helps us manage other events more effectively. i.e. If you want to trigger 2 or more events or you want to club the events and run it.

Event	Description
on()	This event is used to attach event/events to an element.
off()	This event is used to detach the events that is attached using on() event.
one()	This event is used to attach event/events to an element.
trigger()	This event is used to trigger the default behaviour of an event. Also it can trigger any event specified.
triggerHandler()	This event is almost similar to the trigger() event. i.e. It can trigger any event specified.

Also there are the events that gets triggered while resizing or scrolling.

Event	Description
resize()	This event occurs whenever change the size of browser.
scroll()	This event occurs when you scroll any HTML element.

Then we have the Keyboard Events.

Event	Description
keydown()	This event is executed, when a key (Any key in the keyboard) is pressed.
keyup()	This event is executed, when a key (Any key in the keyboard) is released after it is pressed.
keypress()	This event is executed, when a key (Any key in the keyboard) is pressed.

And the Mouse Events.

Event	Description
click()	This event is executed, when a mouse is clicked.
dblclick()	This event is executed, when an element is double clicked.
hover()	This event is executed, executes when a mouse pointer either enters or leaves an element.
mouseenter()	This event is executed, when a mouse pointer enters an element.
mouseleave()	This event is executed, when a mouse pointer leaves an element.
mousedown()	This event is executed, when a mouse button is clicked on an element.
mouseup()	This event is executed, when a mouse button is released after clicking on an element.
event.pageX	Used to return the position of the mouse pointer with respect to the left side of the document.
event.pageY	Used to return the position of the mouse pointer with respect to the top of the document.
mousemove()	This event occurs whenever the mouse pointer moves.
mouseout()	This event executes when a mouse pointer leaves an element as well as its child element.
mouseover()	This event executes when a mouse pointer enters an element as well as its child elements.

And the other Events.

Event	Description
event.currentTarget	Used to get the current element.
event.delegateTarget	Used to get the delegate of the current element.
event.preventDefault()	Used to prevent any default action from happening.
event.isDefaultPrevented()	Used to check, if the preventDefault() method is invoked for the element.
event.stopPropagation()	Used to stop propagation.
event.isPropagationStopped()	Used to check if event.stopPropagation() is invoked on the element.
event.stopImmediatePropagation()	Used to stop immediate propagation.
event.isImmediatePropagationStopped()	Used to check if event.stopImmediatePropagation() is invoked on the element.

❮❮ PREV NEXT ❯❯