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

एक स्क्रिप्ट निष्पादित करें जब किसी तत्व की स्क्रॉलबार HTML में स्क्रॉल की जा रही हो?


जब कोई तत्व स्क्रॉल किया जाता है, तो ऑनस्क्रॉल विशेषता ट्रिगर। ऑनस्क्रॉल . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं विशेषता -

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         #myid {
            width   : 250px;
            height  : 80px;
            border  : 2px solid blue;
            overflow: scroll;
         }
      </style>
   </head>
   <body>
      <p>Scroll the box.</p>
      <div id = "myid" onscroll = "display()">This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text.
      <br><br></div>
      <script>
         function display() {
            document.getElementById("myid").style.color = "blue";
         }
      </script>
   </body>
</html>

  1. जब उपयोगकर्ता HTML में किसी तत्व में कुछ सामग्री चिपकाता है तो एक स्क्रिप्ट निष्पादित करें?

    जब उपयोगकर्ता तत्वों के टेक्स्ट को पेस्ट करता है, तो ऑनपेस्ट HTML में विशेषता ट्रिगर। उदाहरण आप पेस्ट . को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं विशेषता - <!DOCTYPE html> <html>    <body>       <input type = "text" onpaste

  1. एक स्क्रिप्ट निष्पादित करें जब तत्व HTML में क्लिक किया जा रहा है?

    ऑनक्लिकका प्रयोग करें HTML में एलीमेंट पर क्लिक करने पर स्क्रिप्ट निष्पादित करने के लिए एट्रिब्यूट। उदाहरण आप ऑनक्लिक को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं विशेषता - <!DOCTYPE html> <html>    <body>       <button onclick = "di

  1. एक स्क्रिप्ट निष्पादित करें जब तत्व HTML में फोकस हो जाता है?

    ऑनफोकस का प्रयोग करें एक स्क्रिप्ट निष्पादित करने के लिए विशेषता जब तत्व HTML में फोकस हो जाता है। उदाहरण ऑनफोकस . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं विशेषता - <!DOCTYPE html> <html>    <body>       <p>Enter subject name