डीएचटीएल इवेंट हैंडलर (इवेंट हैंडलर)
- पिछला पृष्ठ डीएचटीएल DOM
- अगला पृष्ठ डीएचटीएल समीक्षा
आप किसी इवेंट के होने पर किसी एलीमेंट पर किसी कार्य को करने के लिए एक इवेंट हैंडलर का उपयोग कर सकते हैं。
उदाहरण
पृष्ठ लोड हो गया।अधिकांश DHTML उदाहरण के लिए IE 4.0+、Netscape 7+ या Opera 7+ की आवश्यकता है!
- onmouseover और onmouseout
- कैसे माउस स्पिनर किसी एलीमेंट पर आने और उससे बाहर निकलने पर एलीमेंट का रंग बदला जाए।
- उपयोगकर्ता ऑब्जैक्ट की गुणवत्ता को बदलता है。
- कैसे एक चित्र पर क्लिक करने पर चित्र को बदला जाए और फिर दूसरी बार क्लिक करने पर मूल चित्र वापस आए।
- onmousedown और onmouseup
- इस बार केवल जब आप माउस बटन को दबाए रखते हैं तभी लाइट चमकेगी。
- कीबोर्ड रिलीज करता है。
- पृष्ठ पूरी तरह से लोड होने के बाद एक निर्देशांक दिखाएं।
इवेंट हैंडलर
एक इवेंट हैंडलर के माध्यम से आप किसी इवेंट के होने पर किसी एलीमेंट पर किसी कार्य को कर सकते हैं: जब उपयोगकर्ता क्लिक करता है, जब पृष्ठ लोड होता है, जब एक फॉर्म सबमिट होता है, आदि।
<h1 onclick="style.color='red'">क्लिक करें इस पाठ पर</h1>
उपरी उदाहरण में एक टाइटल पर क्लिक करने पर टाइटल को लाल रंग में बदला जाता है。
आप इसके बाद एक स्क्रिप्ट भी पृष्ठ के हेड भाग में जोड़ सकते हैं और फिर इस फ़ंक्शन को इवेंट हैंडलर से आमंत्रित कर सकते हैं:
<html>
<head>
<script type="text/javascript">
function changecolor()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick="changecolor()"क्लिक करें इस पाठ पर</h1>
