tutorial pengembangan web terbaru
 

HTML ondragenter Atribut Acara

<HTML Atribut Acara

Contoh

Mengeksekusi JavaScript ketika elemen diseret masuk target penurunan:

<div ondragenter="myFunction(event)"></div>
Cobalah sendiri "

Definisi dan Penggunaan

The ondragenter atribut kebakaran ketika elemen diseret atau seleksi teks memasuki target penurunan valid.

The ondragenter dan acara ondragleave dapat membantu pengguna untuk memahami bahwa elemen draggable akan memasuki atau meninggalkan target penurunan. Hal ini dapat dilakukan dengan, misalnya, menetapkan warna latar belakang ketika elemen draggable memasuki target drop, dan menghapus warna ketika elemen tersebut akan dipindahkan dari target.

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
ondragenter 4.0 9.0 3.5 6.0 12.0

Perbedaan Antara HTML 4.01 dan HTML5

The ondragenter atribut baru dalam HTML5.


Sintaksis

<elementondragenter=" script ">

atribut Nilai

Nilai Deskripsi
script script untuk dijalankan pada ondragenter

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 ondragenter


<HTML Atribut Acara