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

HTML में माउस पॉइंटर एलिमेंट पर घूमते रहने पर स्क्रिप्ट कैसे चलाएं?

जब माउस पॉइंटर किसी एलिमेंट पर घूमता रहता है, तो onmousemove एट्रिब्यूट ट्रिगर होता है। यह इवेंट लगातार फायर होता है जब तक माउस एलिमेंट के भीतर घूमता है।

उदाहरण

<!DOCTYPE html> <html> 
  <body> 
    <h3 id="myid" onmousemove="mouseMove()"> 
      यह डेमो हेडिंग है। 
    </h3> 
    <p>ऊपर क्लिक करें और फिर छोड़ें।</p> 
    <script> 
      function mouseMove() { 
        document.getElementById("myid").style.color = "red"; 
      } 
    </script> 
  </body> 
</html>

प्रदर्शन नोट: onmousemove बहुत बार फायर होता है। भारी ऑपरेशन्स के लिए throttle या debounce तकनीक उपयोग करें, या requestAnimationFrame के साथ अपडेट करें।

  1. - HTML में तत्व पर क्लिक होने पर स्क्रिप्ट कैसे निष्पादित करें?

    onclick इवेंट एट्रिब्यूट onclick एट्रिब्यूट HTML में किसी तत्व पर क्लिक होने पर JavaScript कोड निष्पादित करने के लिए उपयोग किया जाता है। यह सबसे सामान्य माउस इवेंट है और लगभग सभी HTML तत्वों पर काम करता है। उदाहरण निम्नलिखित कोड onclick एट्रिब्यूट का उपयोग दिखाता है: <!DOCTYPE html> <html

  1. - HTML में तत्व को फोकस मिलने पर स्क्रिप्ट कैसे निष्पादित करें?

    onfocus इवेंट एट्रिब्यूट onfocus एट्रिब्यूट HTML में किसी तत्व को फोकस मिलने पर (क्लिक, टैब, या प्रोग्रामेटिक रूप से) स्क्रिप्ट निष्पादित करता है। यह फॉर्म फील्ड्स, लिंक्स, बटन्स, और tabindex वाले तत्वों पर काम करता है। उदाहरण निम्नलिखित कोड onfocus एट्रिब्यूट का उपयोग दिखाता है: { el

  1. - HTML में माउस बटन दबाने पर तत्व पर स्क्रिप्ट कैसे निष्पादित करें?

    onmousedown इवेंट एट्रिब्यूट onmousedown एट्रिब्यूट HTML में किसी तत्व पर माउस बटन दबाए जाने पर (क्लिक पूरा होने से पहले) स्क्रिप्ट निष्पादित करता है। यह onclick से पहले फायर होता है और ड्रैग-एंड-ड्रॉप, कस्टम UI इंटरैक्शन, और गेम कंट्रोल्स के लिए उपयोगी है। उदाहरण निम्नलिखित कोड onmousedown और onm