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

जब कोई तत्व घसीटा जा रहा हो तो जावास्क्रिप्ट में कौन सी घटना होती है?

<घंटा/>

ऑनड्रैग का उपयोग करें किसी तत्व को खींचने के लिए जावास्क्रिप्ट में घटना। जब कोई तत्व खींचा गया . है तो ondrag ईवेंट ट्रिगर हो जाता है ।

उदाहरण

ondrag . के साथ काम करने का तरीका जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं जावास्क्रिप्ट में घटना।

<!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 के साथ जावास्क्रिप्ट की बातचीत को उन घटनाओं के माध्यम से नियंत्रित किया जाता है जो तब होती हैं जब उपयोगकर्ता या ब्राउज़र किसी पृष्ठ में हेरफेर करते हैं। जब पृष्ठ लोड होता है, तो इसे एक घटना कहा जाता है। जब उपयोगकर्ता किसी बटन पर क्लिक करता है, तो वह एक ईवेंट होता है। अन्य उदाहरणों में कोई भी क

  1. जावास्क्रिप्ट में निर्दिष्ट तत्व में ईवेंट हैंडलर कैसे जोड़ें?

    जावास्क्रिप्ट addEventListener() प्रदान करता है एक ईवेंट हैंडलर को जोड़ने वाली विधि निर्दिष्ट तत्व के लिए। यह विधि किसी ईवेंट हैंडलर को मौजूदा ईवेंट हैंडलर को अधिलेखित किए बिना किसी तत्व से जोड़ देती है। एक समय में कई ईवेंट हैंडलर को एक तत्व में जोड़ना संभव है। addEventListener() विधि यह नियंत्रित

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

    द ऑनड्रॉप विशेषता ट्रिगर तब होती है जब ड्रैग किए गए तत्व को HTML में छोड़ा जा रहा होता है। उदाहरण आप ऑनड्रॉप को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं विशेषता - <!DOCTYPE HTML> <html>    <head>       <style>