Atribut ondrag HTML


Definisi dan Penggunaan

Atribut ondragdiaktifkan ketika elemen atau pemilihan teks sedang diseret.

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 draggableatribut.

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 - menyala ketika pengguna mulai menyeret elemen
    • ondrag - menyala ketika elemen sedang diseret
    • ondragend - menyala ketika pengguna selesai menyeret elemen

  • Peristiwa yang ditembakkan pada target jatuh:
    • ondragenter - menembak ketika elemen yang diseret memasuki target jatuh
    • ondragover - menembak ketika elemen yang diseret melebihi target yang dijatuhkan
    • ondragleave - menembak ketika elemen yang diseret meninggalkan target jatuh
    • ondrop - menembak ketika elemen yang diseret dijatuhkan pada target jatuh

Catatan: Saat menyeret elemen, ondragperistiwa akan diaktifkan setiap 350 milidetik.


Berlaku untuk

Atribut ondragadalah bagian dari Event Attributes , dan dapat digunakan pada elemen HTML apa pun.

Elemen Peristiwa
Semua elemen HTML ondrag

Contoh

Contoh P

Jalankan JavaScript ketika elemen <p> sedang diseret:

<p draggable="true" ondrag="myFunction(event)">Drag me!</p>

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