Belajar Drag dan Drop di W3SCHOOL DAN TERAPKAN PADA WEB

Posted by Labels: at

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):



Post a Comment

Back to Top