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

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


ऑनड्रैगओवर का उपयोग करें HTML में एक स्क्रिप्ट निष्पादित करने के लिए विशेषता जब तत्व को HTML में खींचा जा रहा है।

उदाहरण

ऑनड्रैगओवर . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं विशेषता -

<!DOCTYPE HTML>
<html>
   <head>
      <style>
         .drag {
            float  : left;
            width  : 100px;
            height : 35px;
            border : 2px dashed #876587;
            margin : 15px;
            padding: 10px;
         }
      </style>
   </head>
   <body>
      <div class = "drag" ondrop = "drop(event)" ondragover = "dropNow(event)">
         <p ondragstart = "dragStart(event)" ondrag = "draggingNow(event)" draggable = "true" id="dragtarget">Drag!</p>
      </div>
      <div class = "drag" ondrop = "drop(event)" ondragover = "dropNow(event)"></div>
      <div id = "box"></div>
      <p>Drag the left box to the right or drag the right box to the left.</p>
      <script>
         function dragStart(event) {
            event.dataTransfer.setData("Text", event.target.id);
          }
         function draggingNow(event) {
            document.getElementById("box").innerHTML = "Dragged successfully!";
         }
         function dropNow(event) {
            event.preventDefault();
         }
         function drop(event) {
            event.preventDefault();
            var data = event.dataTransfer.getData("Text");
            event.target.appendChild(document.getElementById(data));
            document.getElementById("box").innerHTML = "The element dropped successfully!";
         }
      </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