Contoh
Mengeksekusi JavaScript ketika elemen diseret masuk target penurunan:
<div ondragenter="myFunction(event)"></div> Cobalah sendiri " Definisi dan Penggunaan
The ondragenter atribut kebakaran ketika elemen diseret atau seleksi teks memasuki target penurunan valid.
The ondragenter dan acara ondragleave dapat membantu pengguna untuk memahami bahwa elemen draggable akan memasuki atau meninggalkan target penurunan. Hal ini dapat dilakukan dengan, misalnya, menetapkan warna latar belakang ketika elemen draggable memasuki target drop, dan menghapus warna ketika elemen tersebut akan dipindahkan dari target.
Drag dan drop adalah fitur yang sangat umum di HTML5. Ini adalah ketika Anda "ambil" sebuah objek dan tarik ke lokasi yang berbeda. Untuk informasi lebih lanjut, lihat Tutorial HTML kami pada HTML5 Drag dan Drop .
Catatan: Untuk membuat elemen draggable, gunakan HTML5 global yang draggable atribut.
Tip: Link dan gambar yang diseret secara default, dan tidak perlu draggable atribut.
Ada banyak atribut event yang digunakan, dan dapat terjadi, pada tahap yang berbeda dari drag dan drop operasi:
- Peristiwa menembaki target draggable (unsur sumber):
- ondragstart - kebakaran ketika pengguna mulai menyeret elemen
- ondrag - kebakaran ketika elemen diseret
- ondragend - kebakaran ketika pengguna telah selesai menyeret elemen
- Peristiwa menembaki target penurunan:
- ondragenter - kebakaran ketika elemen diseret masuk target penurunan
- ondragover - kebakaran ketika elemen diseret lebih target penurunan
- ondragleave - kebakaran ketika elemen diseret meninggalkan target penurunan
- ondrop - kebakaran ketika elemen diseret dijatuhkan pada target penurunan
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh event atribut.
| Atribut acara | |||||
|---|---|---|---|---|---|
| ondragenter | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Perbedaan Antara HTML 4.01 dan HTML5
The ondragenter atribut baru dalam HTML5.
Sintaksis
<elementondragenter=" script ">
atribut Nilai
| Nilai | Deskripsi |
|---|---|
| script | script untuk dijalankan pada ondragenter |
Rincian teknis
| tag HTML didukung: | SEMUA elemen HTML |
|---|
Pages terkait
HTML Tutorial: Drag HTML5 dan Drop
Referensi HTML: HTML draggable Atribut
HTML DOM Referensi: Acara ondragenter