Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट एचटीएमएल डोम में addEventListener () विधि के साथ कैसे काम करें?


addEventListener() का प्रयोग करें ईवेंट हैंडलर संलग्न करने की विधि।

उदाहरण

addEventListener() के साथ काम करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं जावास्क्रिप्ट में विधि -

<!DOCTYPE html>
<html>
   <body>
      <p>Double click the below button.</p>
      <button id = "btnid"> Double Click </button>
      <p id = "pid"> </p>
      <script>
         document.getElementById("btnid").addEventListener("dblclick", displayEvent);
         function displayEvent() {
            document.getElementById("pid").innerHTML = Date();
         }
      </script>
   </body>
</html>

  1. जावास्क्रिप्ट के साथ कैनवास पर कैसे आकर्षित करें?

    HTML कैनवास पर ड्राइंग जावास्क्रिप्ट के साथ की जानी है। कैनवास पर चित्र बनाने से पहले HTML DOM विधि getElementById() और getContext() का उपयोग करें। उसके लिए, कुछ चरणों का पालन करें - कैनवास तत्व को खोजने के लिए आपको getElementById() विधि का उपयोग करने की आवश्यकता है। getContext() का उपयोग करें, जो

  1. HTML DOM addEventListener () विधि

    HTML DOM addEventListener() मेथड का इस्तेमाल इवेंट हैंडलर को निर्दिष्ट एलिमेंट से अटैच करने के लिए किया जाता है। निम्नलिखित वाक्य रचना है - element.addEventListener(event, function, capture) ऊपर, पैरामीटर में शामिल हैं - घटना: घटना का नाम। आवश्यक है। फ़ंक्शन: घटना होने पर चलाने के लिए कार्य। आवश्

  1. MongoDB में संग्रहीत जावास्क्रिप्ट के साथ कैसे काम करें?

    इसे विशेष system.js संग्रह में सहेजा जाता है। इसके लिए db.system.js.save() का इस्तेमाल करें। निम्नलिखित वाक्य रचना है - db.system.js.save({    _id: "anyFunctionName",    value: function (returnValue) {       return ‘yourMessage ' + returnValue;