জয়েন লগইন

জাভাস্ক্রিপ্ট ondrop

🌈জাভাস্ক্রিপ্ট ondrop কি?

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

⚒️জাভাস্ক্রিপ্ট ondrop এলিমেন্ট ড্রপ হলে অবহিত করতে ব্যবহৃত হয়।

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

javascript
<!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>