HTML के साथ जावास्क्रिप्ट की बातचीत को उन घटनाओं के माध्यम से नियंत्रित किया जाता है जो तब होती हैं जब उपयोगकर्ता या ब्राउज़र किसी पृष्ठ में हेरफेर करते हैं।
जब पृष्ठ लोड होता है, तो इसे एक ईवेंट कहा जाता है। जब उपयोगकर्ता एक बटन पर क्लिक करता है, तो वह क्लिक एक घटना है। अन्य उदाहरणों में कोई भी कुंजी दबाने, विंडो बंद करने, विंडो का आकार बदलने आदि जैसी घटनाएं शामिल हैं।
यहां कुछ उदाहरण दिए गए हैं:
ऑनक्लिक करें ईवेंट प्रकार
यह सबसे अधिक उपयोग किया जाने वाला ईवेंट प्रकार है, जो तब होता है जब कोई उपयोगकर्ता अपने माउस के बाएं बटन पर क्लिक करता है। आप इस प्रकार के ईवेंट के विरुद्ध अपना सत्यापन, चेतावनी आदि डाल सकते हैं।
निम्न उदाहरण आज़माएं।
लाइव डेमो
<html>
<head>
<script>
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<p>Click the following button and see result</p>
<form>
<input type="button" onclick="sayHello()" value="Say Hello" />
</form>
</body>
</html> ऑनमाउसओवर और ऑनहाउसआउट
ये दो प्रकार के ईवेंट आपको छवियों के साथ या टेक्स्ट के साथ भी अच्छा प्रभाव बनाने में मदद करेंगे। जब आप अपने माउस को किसी तत्व पर लाते हैं तो ऑनमाउसओवर ईवेंट ट्रिगर होता है और जब आप अपने माउस को उस तत्व से बाहर ले जाते हैं तो ऑनमाउसआउट ट्रिगर हो जाता है। निम्न उदाहरण का प्रयास करें।
लाइव डेमो
<html>
<head>
<script>
<!--
function over() {
document.write ("Mouse Over");
}
function out() {
document.write ("Mouse Out");
}
//-->
</script>
</head>
<body>
<p>Bring your mouse inside the division to see the result:</p>
<div onmouseover="over()" onmouseout="out()">
<h2> This is inside the division </h2>
</div>
</body>
</html>