Atribut ondragleave HTML


Definisi dan Penggunaan

Atribut ondragleave diaktifkan ketika elemen yang dapat diseret atau pemilihan teks meninggalkan target penurunan yang valid.

Peristiwa ondragenter dan ondragleave dapat membantu pengguna untuk memahami bahwa elemen yang dapat diseret akan memasuki atau meninggalkan target penurunan. Ini dapat dilakukan dengan, misalnya, menyetel warna latar belakang saat elemen yang dapat diseret memasuki target jatuhkan, dan menghapus warna saat elemen dipindahkan dari target.

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

Berlaku untuk

Atribut ondragleave adalah bagian dari Atribut Peristiwa , dan dapat digunakan pada elemen HTML apa pun.

Elemen Peristiwa
Semua elemen HTML ondragleave

Contoh

Contoh Div

Jalankan JavaScript saat elemen yang dapat diseret dipindahkan dari target jatuhkan:

<div ondragleave="myFunction(event)"></div>

Dukungan Peramban

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut event.

Event Attribute
ondragleave 4.0 9.0 3.5 6.0 12.0