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

जावास्क्रिप्ट एचटीएमएल डोम में किसी तत्व में इवेंट हैंडलर कैसे जोड़ें?


किसी तत्व में ईवेंट हैंडलर जोड़ने के लिए, JavaScript addEventListener() का उपयोग करें तरीका। आप ईवेंट हैंडलर जोड़ने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -

उदाहरण

<!DOCTYPE html>
<html>
   <body>
      <p>Click the below button.</p>
      <button id = "btnid">Click me</button>

      <p id = "pid"></p>

      <script>
         document.getElementById("btnid").addEventListener("click", displayEvent);

         function displayEvent() {
            document.getElementById("pid").innerHTML = Date();
         }
      </script>
   </body>
</html>

  1. कैसे जावास्क्रिप्ट के साथ एक तत्व के लिए एक वर्ग का नाम जोड़ने के लिए?

    जावास्क्रिप्ट वाले किसी तत्व में वर्ग नाम जोड़ने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .newStyle {       font-family:

  1. HTML में एलिमेंट की वैल्यू कैसे जोड़ें?

    मान का प्रयोग करें HTML में तत्व का मान जोड़ने के लिए विशेषता। यह निम्नलिखित तत्वों के साथ काम करता है - , , , , , , । उदाहरण value . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं विशेषता - <!DOCTYPE html> <html>    <body>       <head

  1. एचटीएमएल डोम ड्रैगइवेंट

    HTML DOM ड्रैगएवेंट एक प्रकार का ईवेंट है, जिसे जब भी चयनित टेक्स्ट को घसीटा और गिराया जाता है तो निष्पादित हो जाता है। यह इवेंट HTML5 में पेश किया गया था। गुण एचटीएमएल डोम ड्रैगएवेंट के लिए संपत्ति निम्नलिखित है - संपत्ति विवरण डेटा ट्रांसफर उस डेटा को वापस करने के लिए जिसे उपयोगकर्ता द्वारा खी