Belajar Drag dan Drop di W3SCHOOL DAN TERAPKAN PADA WEB
Disini saya akan Drag foto di bagian Visi dan Misi.
Ini yang saya tambahkan di text editor visi misi:
Dan ini yang saya jalankan lewat web browser:
Dan ini saya akan menjelaskan yang ada di text editor:
Program dibawah ini adalah attribut pada tag image yang menentukan
bahwa gambar boleh di drag atau tidak, jika tidak maka attribut bernilai
false.
Program dibawah ini adalah method javascript yang dipanggil pada attribut ondragstart agar element gambar dapat di drag.
attirbut ondragover menentukan di mana data yang di drag dapat
dijatuhkan/drop. Secara default, data / elemen tidak dapat dijatuhkan
dalam elemen lainnya. Kita harus mencegah penanganan default elemen. Hal
ini dilakukan dengan menggunakan event.preventDefault () dalam
javascript pada method allowDropp()
Ketika gambar yang di drag dijatuhkan, maka atribut ondrop memanggil method drop (event):
Click to see the emoticon code!
Remember that you to keep a white space before the emoticon.