डाउनलोड पी.डी.एफ. ई-बुक्स
JS - Javascript Event

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>


Important Events

EventTypeDescription
onbeforeunloaddocumentजब document; unload होनेवाला होता है तब ये event सक्रिय हो जाता है |
onblurFormfocus; lose हो जाता है तब ये event सक्रिय हो जाता है |
oncanplayMediavideo या audio start होने के लिए तैयार होता है तब ये event सक्रिय हो जाता है |
onchangeFormElement पर कोई value change की जायेगी तब ये event सक्रिय होता है |
onclickMouseElement पर click किया जाता है तब ये event सक्रिय हो जाता है |
oncontextmenuMouseElement पर rightClick किया जाता है तब ये event सक्रिय होता है |
oncopyClipboardElement का text जब copy किया जाता है तब ये event सक्रिय हो जाता है |
oncutClipboardElement का text जब cut किया जाता है तब ये event सक्रिय हो जाता है |
ondblclickMouseElement पर double click किया जाता है तब ये event सक्रिय हो जाता है |
ondurationchangeMediaजब video या audio; का duration; change हो जाता है तब ये event सक्रिय हो जाता है |
onendedMediaजब video या audio; end पर पहुँच जाता है तब ये event सक्रिय हो जाता है |
onerrorDocumentजब कोई external file; load नहीं हो पाती तो ये event सक्रिय होता है |
onfocusFormजब Element पर focus किया जाता है तब ये event सक्रिय हो जाता है |
onfocusinFormजब Element पर focus किया जाता है तब ये event सक्रिय हो जाता है |
onfocusoutFormजब Element का focus; lose हो जाता है तब ये event सक्रिय हो जाता है |
oninputFormजब <input> या <textarea> के content/text को change किया जाता है तब ये event सक्रिय हो जाता है |
oninvalidFormअगर form के <input> element पर कुछ invalid content देकर form submit किया जाता है तब ये event सक्रिय हो जाता है |
onkeydownKeyboardजब keyboard की कोई भी key press की जाती है तब ये event सक्रिय हो जाता है |
onkeypressKeyboardजब keyboard के alphabets, numeric और special symbols में से कोई भी key press की जाती है तब ये event सक्रिय हो जाता है |
onkeyupKeyboardजब keyboard की key release की जाती है तब ये event सक्रिय हो जाता है |
onloadDocumentजब Document में दी हुई सभी external files जब webpage पर load हो जाती है तब ये event सक्रिय हो जाता है |
onloadeddataMediaजब video या audio की current frame जब load हो जाती है तब ये event सक्रिय हो जाता है |
onloadstartMediaजब video या audio की loading start हो जाती है तब ये event सक्रिय हो जाता है |
onmousedownMouseजब Element पर mouse का कौनसा भी button press किया जाता है तब ये event सक्रिय हो जाता है |
onmouseenterMouseजब Element पर mouse cursor; hover किया जाता है तब ये event सक्रिय हो जाता है |
onmouseleaveMouseजब Element पर mouse cursor; जब leave या हटा दिया जाता है तब ये event सक्रिय हो जाता है |
onmousemoveMouseजब Element पर mouse cursor; जब move किया जाता है तब ये event सक्रिय हो जाता है |
onmouseoutMouseजब Element पर या उसके child element पर mouse cursor; जब out किया जाता है तब ये event सक्रिय हो जाता है |
onmouseoverMouseजब Element पर या उसके child element पर mouse cursor; जब hover किया जाता है तब ये event सक्रिय हो जाता है |
onmouseupMouseजब Element पर mouse का कौनसा भी button release किया जाता है तब ये event सक्रिय हो जाता है |
onpasteClipboardजब Element का text जब cut या copy करके paste किया जाता है तब ये event सक्रिय हो जाता है |
onpauseClipboardजब-जब video या audio; pause किया जाता है तब-तब ये event सक्रिय हो जाता है |
onplayMediaजब-जब video या audio; play किया जाता है तब-तब ये event सक्रिय हो जाता है |
onplayingMediaजब-जब video या audio; play किया जाता है और जब-जब video या audio buffering से stop हो जाता है तब-तब ये event सक्रिय हो जाता है |
onnprogressMediaजब video या audio; progress या downloading होता है तब ये event सक्रिय हो जाता है |
onresetFormजब-जब form को reset किया जाता है तब-तब ये event सक्रिय हो जाता है |
onresizeDocumentजब-जब Browser की window को resize किया जाता है तब-तब ये event सक्रिय हो जाता है |
onscrollDocumentजब-जब scroll किया जाता तब-तब ये event सक्रिय हो जाता है |
onsearchFormजब <input type="search-in-hindi"> पर कुछ लिखकर 'Enter' या 'x' button को click किया जाता है तो ये event सक्रिय हो जाता है |
onseekedMediaजब video या audio को आगे या पीछे seek/धकेलना जब end हो जाता है तब ये event सक्रिय हो जाता है |
onseekingMediaजब video या audio को आगे या पीछे seek/धकेलना जब start हो जाता है तब ये event सक्रिय हो जाता है |
onselectFormजब - जब <input> और <textarea> का content select किया जाता है तो ये event सक्रिय हो जाता है |
onsubmitFormजब form को submit किया जाता है तब ये event सक्रिय हो जाता है |
ontimeupdateMediaजब audio या video की playback position; change हो जाती है तब ये event सक्रिय हो जाता है |
ontoggleजब
element को open या close किया जाता है तब ये event सक्रिय हो जाता है |
ononlineजब Browser; online होता है तो ये event सक्रिय हो जाता है |
onofflineजब Browser; offline होता है तो ये event सक्रिय हो जाता है |
onvolumechangeMediaजब video या audio का volume change या mute किया जाता है तब ये event सक्रिय हो जाता है |
onwaitingMediaजब video या audio किसी अगले frame के buffering होने की वजह से रुक जाती है तब ये event सक्रिय हो जाता है |
onwheelMouseजब mouse का scroll button; up या down या laptop का touchpad zoom in या out किया जाता है तब ये event सक्रिय हो जाता है |