Contoh
Mengeksekusi JavaScript ketika elemen diseret dijatuhkan dalam <div> elemen:
<div ondrop="myFunction(event)"></div> Cobalah sendiri " Definisi dan Penggunaan
The ondrop atribut kebakaran ketika diseret elemen atau teks pilihan dijatuhkan pada target penurunan valid.
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 | |||||
|---|---|---|---|---|---|
| ondrop | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Perbedaan Antara HTML 4.01 dan HTML5
The ondrop atribut baru dalam HTML5.
Sintaksis
<elementondrop=" script ">
atribut Nilai
| Nilai | Deskripsi |
|---|---|
| script | script untuk dijalankan pada ondrop |
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 ondrop