জয়েন লগইন

জেকুয়েরী drop

🌈জেকুয়েরী drop কি?

📋জেকুয়েরী drop হলো এলিমেন্ট ড্রপ হলে অবহিত করার পদ্ধতি।

⚒️জেকুয়েরী drop এলিমেন্ট ড্রপ হলে অবহিত করতে ব্যবহৃত হয়।

জেকুয়েরী drop এলিমেন্ট ড্রপ হলে অবহিত করার উদাহরণ।

jquery
<!DOCTYPE html>
<html>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<body>

<p draggable="true">

আমাকে টেনে নিন

</p>

<div style="padding:30px; background:lightgray;">

এখানে ছেড়ে দিন

</div>

<script>
$(document).ready(function(){
  $("p[draggable]").on("dragstart", function(event){
    event.originalEvent.dataTransfer.setData(
      "text",
      $(this).text()
    );
  });

  $("div").on("dragover", function(event){
    event.preventDefault();
  });

  $("div").on("drop", function(event){
    event.preventDefault();

    $(this).text(
      event.originalEvent.dataTransfer.getData("text")
    );
  });

});
</script>
</body>
</html>