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

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

জাভাস্ক্রিপ্টে এলিমেন্ট ড্র্যাগ করতে 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. ক্লিক ইভেন্টে জাভাস্ক্রিপ্ট ফাংশন কল করার পদ্ধতি

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

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

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