APIs

HTML Drag and Drop

Bagian ini membahas Drag and Drop API untuk memindahkan elemen dengan mouse.

Elemen yang ingin bisa di-drag perlu diberi atribut draggable="true", lalu event seperti ondragstart dan ondrop digunakan untuk mengatur perilakunya.

<div draggable="true" ondragstart="event.dataTransfer.setData('text', event.target.id)">
  Seret saya
</div>

Latihan (Submateri)

Kerjakan latihan berikut pada subfolder exercises/: