tutorial pengembangan web terbaru
 

HTML ondrop Atribut Acara

<HTML Atribut Acara

Contoh

Mengeksekusi JavaScript ketika elemen diseret dijatuhkan dalam <div> elemen:

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

Definisi dan Penggunaan

The ondrop atribut kebakaran ketika diseret elemen atau teks pilihan dijatuhkan pada target penurunan valid.

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

Perbedaan Antara HTML 4.01 dan HTML5

The ondrop atribut baru dalam HTML5.


Sintaksis

<elementondrop=" script ">

atribut Nilai

Nilai Deskripsi
script script untuk dijalankan pada ondrop

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 ondrop


<HTML Atribut Acara