जावास्क्रिप्ट addEventListener() प्रदान करता है एक ईवेंट हैंडलर को जोड़ने वाली विधि निर्दिष्ट तत्व के लिए। यह विधि किसी ईवेंट हैंडलर को मौजूदा ईवेंट हैंडलर को अधिलेखित किए बिना किसी तत्व से जोड़ देती है। एक समय में कई ईवेंट हैंडलर को एक तत्व में जोड़ना संभव है।
addEventListener() विधि यह नियंत्रित करना आसान बनाती है कि ईवेंट बुलबुले पर कैसे प्रतिक्रिया करता है . हम माउसओवर, क्लिक आदि जैसे कई ईवेंट लागू कर सकते हैं।
उदाहरण
निम्नलिखित उदाहरण में, माउसओवर आयोजन सौंपा गया है। इसलिए जब हम बटन पर माउस रखते हैं, तो हमें अनुरोधित टेक्स्ट प्राप्त होगा जैसा कि आउटपुट में दिखाया गया है।
<html>
<body>
<p>This example uses the addEventListener() method to attach a mouseover event to a button.</p>
<input type = "button" id="myBtn" value = "listener">
<p id="listener"></p>
<script>
document.getElementById("myBtn").addEventListener("mouseover", displayText);
function displayText() {
document.getElementById("listener").innerHTML =
document.write("Tutorix is the best e-learning platform");
}
</script>
</body>
</html> जब हम उपरोक्त कोड को निष्पादित करते हैं तो हमें स्क्रीन पर निम्नलिखित प्रदर्शित होंगे।
जब हम माउसओवर "श्रोता" बटन पर, फिर निम्न आउटपुट निष्पादित किया जाता है।
आउटपुट
