Rumah >hujung hadapan web >Tutorial H5 >HTML5 CSS3 pelaksanaan kemahiran seret dan lepas (Seret dan Lepas) contoh_html5 kemahiran tutorial
HTML5 CSS3 pelaksanaan kemahiran seret dan lepas (Seret dan Lepas) contoh_html5 kemahiran tutorial
- WBOYasal
- 2016-05-16 15:47:211740semak imbas
Artikel ini memperkenalkan secara ringkas pelaksanaan drag-and-drop HTML5.
Seret dan lepas adalah sebahagian daripada standard HTML5.
Sokongan penyemak imbas: Internet Explorer 9, Firefox, Opera 12, Chrome dan Safari 5 menyokong seret dan lepas.
Unsur seret, seretElement:
(1) Tambah acara: ondragstart
(2) Tambah atribut: boleh seret
Elemen tempat, dropElement:
1. Tambah acara: ondargenter, ondragover, ondragleave, ondragend, ondrop
Ia sangat serupa dengan peristiwa tetikus masuk dan keluar, dan perkataannya mudah difahami, jadi Saya tidak akan pergi ke butiran , contoh akan digunakan untuk menggambarkan di bawah.
2. Seret dan lepas antara elemen pada halaman
Berikut ialah contoh kecil seret dan lepas antara div untuk menunjukkan cara setiap peristiwa dicetuskan: