কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে কোন ইভেন্ট এলিমেন্ট সম্পূর্ণ ড্র্যাগ হলে ঘটে?

এলিমেন্ট সম্পূর্ণ ড্র্যাগ হলে ondragend ইভেন্ট ট্রিগার হয়।

উদাহরণ

<!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)" ondragend = "dragEnd(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 dropNow(event) {            event.preventDefault();         }         function dragEnd(event) {            document.getElementById("box").innerHTML = "Dragging ends!";         }         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. ক্লিক ইভেন্টে জাভাস্ক্রিপ্ট ফাংশন কল করার পদ্ধতি

  2. জাভাস্ক্রিপ্টে নির্দিষ্ট এলিমেন্টে ইভেন্ট হ্যান্ডলার কীভাবে যোগ করবেন

  3. HTML-এ একটি এলিমেন্ট ড্র্যাগ করা হলে স্ক্রিপ্ট কীভাবে এক্সিকিউট করবেন?

  4. HTML-এ ড্র্যাগ করা এলিমেন্ট ড্রপ হলে স্ক্রিপ্ট কীভাবে এক্সিকিউট করবেন?