জয়েন লগইন

এইচটিএমএল ondrop

🌈এইচটিএমএল ondrop কি?

📋এইচটিএমএল ondrop হলো এলিমেন্ট ড্রপ হলে অবহিত করার পদ্ধতি।

⚒️এইচটিএমএল ondrop এলিমেন্ট ড্রপ হলে অবহিত করতে ব্যবহৃত হয়।

এইচটিএমএল ondrop এলিমেন্ট ড্রপ হলে অবহিত করার উদাহরণ।

html
<!DOCTYPE html>
<html>
<body>

<p
  draggable="true"
  ondragstart="dragStart(event)">
  আমাকে টেনে নিন
</p>

<div
  ondragover="allowDrop(event)"
  ondrop="drop(event)"
  style="padding:30px; background:lightgray;">
  এখানে ছেড়ে দিন
</div>

<script>
function dragStart(event) {
  event.dataTransfer.setData("text", event.target.innerText);
}

function allowDrop(event) {
  event.preventDefault();
}

function drop(event) {
  event.preventDefault();

  event.target.innerHTML =
    event.dataTransfer.getData("text");
}
</script>

</body>
</html>