Atribut Acara HTML ondrag
Contoh
Jalankan JavaScript ketika elemen <p> sedang diseret:
<p draggable="true" ondrag="myFunction(event)">Drag me!</p>
Definisi dan Penggunaan
Atribut ondrag diaktifkan ketika elemen atau pemilihan teks sedang diseret.
Seret dan lepas adalah fitur yang sangat umum di HTML5. Itu adalah saat Anda "mengambil" sebuah objek dan menyeretnya ke lokasi yang berbeda. Untuk informasi lebih lanjut, lihat Tutorial HTML kami tentang Seret dan Lepas HTML5 .
Catatan: Untuk membuat elemen dapat diseret, gunakan atribut global HTML5 yang dapat diseret .
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 ondrag diaktifkan setiap 350 milidetik.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut event.
Event Attribute | |||||
---|---|---|---|---|---|
ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Sintaksis
<element ondrag="script">
Nilai Atribut
Value | Description |
---|---|
script | The script to be run on ondrag |
Detail Teknis
Tag HTML yang didukung: | SEMUA elemen HTML |
---|
Halaman Terkait
Tutorial HTML: Seret dan Lepas HTML5
Referensi HTML: Atribut HTML yang dapat diseret
Referensi DOM HTML: Acara ondrag
Atribut Acara HTML