كيف أستطيع تطبيق خاصيّة السّحب و الإفلات على العناصر في موقعي؟

أولاً يجب عليك أن تجعل العنصر قابل للسحب و ذلك من خلال إضافة اللّاحقة "draggable" و إضافة القيمة لها "true" كما يلي:

<img draggable="true" />

استخدم التعليمتين "ondragstart" و "setData"

بعدها يجب عليك تحديد الحدث الذي سيحدث للعنصر بعد سحبه لذلك قمنا من خلال "ondragstart" تم استدعاء الدالة  "drag event" و التي تقوم بتحديد البيانات التي سيتم سحبها.
و باستخدام "dataTransfer.setData" و التي تقوم بتحديد نوع البيانات و قيمة نوع البيانات أيضاً:

function drag(mu)
{
ev.dataTransfer.setData("Text",mu.target.id);
}

أخيراً قم باستخدام التعليمة التالية لتطبيق عملية الإفلات:

event.preventDefault()ا

للتوسع أكثر عليك بزيارة الرابط : w3schools