وقتی دادههای کشیده شده رها میشوند، یک رویداد رها کردن رخ میدهد.
در مثال بالا، ویژگی ondrop یک تابع، drop(event) را فراخوانی میکند:
تابع drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
} کد توضیح داده شده است:
- برای جلوگیری از مدیریت پیشفرض مرورگر دادهها، با preventDefault() تماس بگیرید (پیشفرض بهعنوان پیوند در حال نمایش باز است)
- داده های کشیده شده را با متد dataTransfer.getData() دریافت کنید.این روش هر نوع داده ای را که در متد setData() روی یک نوع تنظیم شده است برمی گرداند
- داده های کشیده شده شناسه عنصر کشیده شده ("drag1") است
- اضافه کنیدعنصر را به عنصر drop کشیده است