HTML इवेंट्स
<tagname onevent="script">content</tagname>HTML इवेंट्स क्या हैं?
events browser में होने वाली घटनाओं या actions को represent करते हैं, जो आमतौर पर user interactions से trigger होते हैं। HTML आपको अपने tags के साथ सीधे event handlers जोड़ने देता है, ताकि इन actions के होने पर JavaScript कोड चले।
उदाहरण: What are HTML Events?
<button onclick="alert('Clicked')">Click me</button>माउस इवेंट्स
mouse events mouse interactions के जवाब में scripts trigger करते हैं, जैसे किसी button को click करना (onclick), double-click करना (ondblclick), या किसी element पर hover करना (onmouseover)।
उदाहरण: Mouse Events
<button onclick="console.log('clicked')" ondblclick="console.log('double-clicked')" onmouseover="console.log('hovered')">
Hover or click me
</button>कीबोर्ड इवेंट्स
keyboard events keyboard interactions के जवाब में scripts trigger करते हैं, जैसे किसी key को दबाना (onkeydown) या छोड़ना (onkeyup), जो keyboard shortcuts बनाने में काम आता है।
उदाहरण: Keyboard Events
<input type="text" onkeydown="console.log('key down')" onkeyup="console.log('key up')">फॉर्म इवेंट्स
form events form interactions के जवाब में scripts trigger करते हैं, जैसे form submit करना (onsubmit), किसी input value को बदलना (onchange), या text field में टाइप करना (oninput)।
उदाहरण: Form Events
<form onsubmit="event.preventDefault()">
<input type="text" onchange="console.log('changed')" oninput="console.log('typing')">
</form>विंडो इवेंट्स
window events browser window की actions के जवाब में scripts trigger करते हैं, जैसे page लोड पूरा होने पर (onload), window resize होने पर (onresize), या user के scroll करने पर (onscroll)।
उदाहरण: Window Events
<body onload="console.log('page loaded')" onresize="console.log('resized')" onscroll="console.log('scrolled')">
</body>- inline HTML event attributes के अंदर सीधे complex, heavy JavaScript code लिखना।
- form submit events पर preventDefault कॉल करना भूल जाना, जिससे browser page reload कर देता है।
- scroll और resize events से heavy, unoptimized scripts bind करना, जो page performance धीमी करता है।
- HTML events user या browser window actions के response में JavaScript code trigger करते हैं।
- user inputs handle करने के लिए mouse events (जैसे onclick) और keyboard events (जैसे onkeyup) इस्तेमाल करें।
- front-end पर data validate करने के लिए form events (जैसे onsubmit), और अपने scripts को safely initialize करने के लिए window events (जैसे onload) इस्तेमाल करें।
standard HTML event triggers और attributes सभी web browsers द्वारा natively supported हैं।
Chapter Quiz — Complete all 9 topics to unlock
0/9 topics done
Complete these topics first: