Contoh
Mengeksekusi JavaScript ketika <p> elemen diseret:
<p draggable="true" ondrag="myFunction(event)">Drag me!</p> Cobalah sendiri " Definisi dan Penggunaan
The ondrag atribut kebakaran ketika sebuah unsur atau pilihan teks diseret.
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
Catatan: Sementara menyeret elemen, acara ondrag kebakaran setiap 350 milidetik.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh event atribut.
| Atribut acara | |||||
|---|---|---|---|---|---|
| ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Perbedaan Antara HTML 4.01 dan HTML5
The ondrag atribut baru dalam HTML5.
Sintaksis
<elementondrag=" script ">
atribut Nilai
| Nilai | Deskripsi |
|---|---|
| script | script untuk dijalankan pada ondrag |
Rincian teknis
| tag HTML didukung: | SEMUA elemen HTML |
|---|
Pages terkait
HTML Tutorial: Drag HTML5 dan Drop
Referensi HTML: HTML draggable Atribut
HTML DOM Referensi: ondrag Acara