Javascript में Events ये महत्वपूर्ण हिस्सा है | Javascript Events ये HTML के साथ परस्पर सम्बन्ध रखता है |

Events ये DOM(Document Object Model) का एक हिस्सा है | HTML Elements पर attribute के रूप में इनका इस्तेमाल किया जाता है |

जब Javascript Events में Element's Attribute के through कोई भी javascript का code execute किया जाता है |

जैसे कि,

जब user Element पर click करता है | जब User mouse से double click करता है | जब Element mouse hover किया जाता है | जब keyboard की key press की जाती है |

जब User कोई भी Event का प्रकार HTML Element में attribute के रूप में इस्तेमाल करता है और जब HTML Document पर वो Event सक्रिय हो जाता है तब उसपर value के रूप में दिया हुआ code; execute हो जाता है |

For Example,

यहाँ पर जब 'Click Me!' पर click किया जाएगा तो 'myDiv' id के Element में 'Hello World' ये message display होगा |

Document में onclick ये event जब सक्रिय हो जाती है तब 'myDiv' id के element में 'Hello World' ये message display होता है |

<div onclick="document.getElementById('myDiv').innerHTML='Hello World'">Click Me!</div>
<div id="myDiv"></div>

Click Me!

Use More than One Events in Element

Element पर एक से ज्यादा भी Events लिए जा सकते है |

Example में जब button पर Click करके hold किया जाएगा तब 'onmousedown' ये event सक्रिय होगा और mouse click को release या छोड़ दिया जाएगा तब 'onclick' event सक्रिय होगा |

For Example,

<button onclick="document.getElementById('myDiv').innerHTML='Hello World'" 
onmousedown="document.getElementById('myDiv').innerHTML='Hi World'">Click Me!</button>
<div id="myDiv"></div>

Click Me!

Important Events

Event	Type	Description
onbeforeunload	document	जब document; unload होनेवाला होता है तब ये event सक्रिय हो जाता है |
onblur	Form	focus; lose हो जाता है तब ये event सक्रिय हो जाता है |
oncanplay	Media	video या audio start होने के लिए तैयार होता है तब ये event सक्रिय हो जाता है |
onchange	Form	Element पर कोई value change की जायेगी तब ये event सक्रिय होता है |
onclick	Mouse	Element पर click किया जाता है तब ये event सक्रिय हो जाता है |
oncontextmenu	Mouse	Element पर rightClick किया जाता है तब ये event सक्रिय होता है |
oncopy	Clipboard	Element का text जब copy किया जाता है तब ये event सक्रिय हो जाता है |
oncut	Clipboard	Element का text जब cut किया जाता है तब ये event सक्रिय हो जाता है |
ondblclick	Mouse	Element पर double click किया जाता है तब ये event सक्रिय हो जाता है |
ondurationchange	Media	जब video या audio; का duration; change हो जाता है तब ये event सक्रिय हो जाता है |
onended	Media	जब video या audio; end पर पहुँच जाता है तब ये event सक्रिय हो जाता है |
onerror	Document	जब कोई external file; load नहीं हो पाती तो ये event सक्रिय होता है |
onfocus	Form	जब Element पर focus किया जाता है तब ये event सक्रिय हो जाता है |
onfocusin	Form	जब Element पर focus किया जाता है तब ये event सक्रिय हो जाता है |
onfocusout	Form	जब Element का focus; lose हो जाता है तब ये event सक्रिय हो जाता है |
oninput	Form	जब <input> या <textarea> के content/text को change किया जाता है तब ये event सक्रिय हो जाता है |
oninvalid	Form	अगर form के <input> element पर कुछ invalid content देकर form submit किया जाता है तब ये event सक्रिय हो जाता है |
onkeydown	Keyboard	जब keyboard की कोई भी key press की जाती है तब ये event सक्रिय हो जाता है |
onkeypress	Keyboard	जब keyboard के alphabets, numeric और special symbols में से कोई भी key press की जाती है तब ये event सक्रिय हो जाता है |
onkeyup	Keyboard	जब keyboard की key release की जाती है तब ये event सक्रिय हो जाता है |
onload	Document	जब Document में दी हुई सभी external files जब webpage पर load हो जाती है तब ये event सक्रिय हो जाता है |
onloadeddata	Media	जब video या audio की current frame जब load हो जाती है तब ये event सक्रिय हो जाता है |
onloadstart	Media	जब video या audio की loading start हो जाती है तब ये event सक्रिय हो जाता है |
onmousedown	Mouse	जब Element पर mouse का कौनसा भी button press किया जाता है तब ये event सक्रिय हो जाता है |
onmouseenter	Mouse	जब Element पर mouse cursor; hover किया जाता है तब ये event सक्रिय हो जाता है |
onmouseleave	Mouse	जब Element पर mouse cursor; जब leave या हटा दिया जाता है तब ये event सक्रिय हो जाता है |
onmousemove	Mouse	जब Element पर mouse cursor; जब move किया जाता है तब ये event सक्रिय हो जाता है |
onmouseout	Mouse	जब Element पर या उसके child element पर mouse cursor; जब out किया जाता है तब ये event सक्रिय हो जाता है |
onmouseover	Mouse	जब Element पर या उसके child element पर mouse cursor; जब hover किया जाता है तब ये event सक्रिय हो जाता है |
onmouseup	Mouse	जब Element पर mouse का कौनसा भी button release किया जाता है तब ये event सक्रिय हो जाता है |
onpaste	Clipboard	जब Element का text जब cut या copy करके paste किया जाता है तब ये event सक्रिय हो जाता है |
onpause	Clipboard	जब-जब video या audio; pause किया जाता है तब-तब ये event सक्रिय हो जाता है |
onplay	Media	जब-जब video या audio; play किया जाता है तब-तब ये event सक्रिय हो जाता है |
onplaying	Media	जब-जब video या audio; play किया जाता है और जब-जब video या audio buffering से stop हो जाता है तब-तब ये event सक्रिय हो जाता है |
onnprogress	Media	जब video या audio; progress या downloading होता है तब ये event सक्रिय हो जाता है |
onreset	Form	जब-जब form को reset किया जाता है तब-तब ये event सक्रिय हो जाता है |
onresize	Document	जब-जब Browser की window को resize किया जाता है तब-तब ये event सक्रिय हो जाता है |
onscroll	Document	जब-जब scroll किया जाता तब-तब ये event सक्रिय हो जाता है |
onsearch	Form	जब <input type="search-in-hindi"> पर कुछ लिखकर 'Enter' या 'x' button को click किया जाता है तो ये event सक्रिय हो जाता है |
onseeked	Media	जब video या audio को आगे या पीछे seek/धकेलना जब end हो जाता है तब ये event सक्रिय हो जाता है |
onseeking	Media	जब video या audio को आगे या पीछे seek/धकेलना जब start हो जाता है तब ये event सक्रिय हो जाता है |
onselect	Form	जब - जब <input> और <textarea> का content select किया जाता है तो ये event सक्रिय हो जाता है |
onsubmit	Form	जब form को submit किया जाता है तब ये event सक्रिय हो जाता है |
ontimeupdate	Media	जब audio या video की playback position; change हो जाती है तब ये event सक्रिय हो जाता है |
ontoggle		जब element को open या close किया जाता है तब ये event सक्रिय हो जाता है |
ononline		जब Browser; online होता है तो ये event सक्रिय हो जाता है |
onoffline		जब Browser; offline होता है तो ये event सक्रिय हो जाता है |
onvolumechange	Media	जब video या audio का volume change या mute किया जाता है तब ये event सक्रिय हो जाता है |
onwaiting	Media	जब video या audio किसी अगले frame के buffering होने की वजह से रुक जाती है तब ये event सक्रिय हो जाता है |
onwheel	Mouse	जब mouse का scroll button; up या down या laptop का touchpad zoom in या out किया जाता है तब ये event सक्रिय हो जाता है |