Atribut ondragover HTML
Definisi dan Penggunaan
Atribut ondragover diaktifkan ketika elemen yang dapat diseret atau pemilihan teks sedang diseret ke atas target penurunan yang valid.
Secara default, data/elemen tidak dapat dijatuhkan di elemen lain. Untuk mengizinkan penurunan, kita harus mencegah penanganan elemen secara default. Ini dilakukan dengan memanggil metode event.preventDefault() untuk atribut ondragover.
Untuk mempelajari tentang Seret dan Lepas, baca Tutorial HTML kami tentang Seret dan Lepas HTML5 .
Tip: Tautan dan gambar dapat diseret secara default, dan tidak memerlukan atribut yang dapat diseret.
Ada banyak atribut peristiwa yang digunakan, dan dapat terjadi, dalam berbagai tahap operasi seret dan lepas:
- Peristiwa yang ditembakkan pada target yang dapat diseret (elemen sumber) :
- ondragstart - aktif saat pengguna mulai menyeret elemen
- ondrag - menyala ketika elemen sedang diseret
- ondragend - aktif ketika pengguna selesai menyeret elemen
- Peristiwa yang ditembakkan pada target jatuh:
- ondragenter - menyala ketika elemen yang diseret memasuki target jatuh
- ondragover - menyala ketika elemen yang diseret melebihi target yang dijatuhkan
- ondragleave - menyala ketika elemen yang diseret meninggalkan target yang dijatuhkan
- ondrop - menyala ketika elemen yang diseret dijatuhkan pada target yang dijatuhkan
Catatan: Saat menyeret elemen, peristiwa ondragover diaktifkan setiap 350 milidetik.
Berlaku untuk
Atribut ondragover adalah bagian dari Event Attributes , dan dapat digunakan pada elemen HTML apa pun.
Elemen | Peristiwa |
---|---|
Semua elemen HTML | di atas |
Contoh
Contoh Div
Jalankan JavaScript saat elemen diseret ke atas target penurunan:
<div ondragover="myFunction(event)"></div>
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut event.
Event Attribute | |||||
---|---|---|---|---|---|
ondragover | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |