জাভাস্ক্রিপ্ট 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>