Rumah > Artikel > hujung hadapan web > Pelaksanaan javascript asli bagi kemahiran kod_javascript sampel elemen seret

Pelaksanaan javascript asli bagi kemahiran kod_javascript sampel elemen seret

WBOYasal: 2016-05-16 16:38:161128semak imbas

Artikel ini memperkenalkan javascript asli untuk melaksanakan penyeretan elemen.

Perkara:

1. Mula-mula tukar atribut reka letak elemen yang diseret, kuncinya ialah "kedudukan:mutlak";

2. Tangkap acara "mousedown", "mouseup", "mouseup";

3. Apabila "mousedown" dicetuskan, rekod kedudukan relatif tetikus semasa dalam elemen, _x, _y

4. Kemudian kendalikan acara "mousemove" dan gerakkan elemen dengan menukar atribut atas dan kiri elemen

5. Apabila masa "mouseup" dicetuskan, tamatkan penyeretan.

Pada masa yang sama, enkapsulasi kod dan keserasian penyemak imbas harus dipertimbangkan Kod tersebut adalah seperti berikut:

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：14 aspek yang mempengaruhi penggunaan jQuery_jqueryArtikel seterusnya：14 aspek yang mempengaruhi penggunaan jQuery_jquery

Artikel berkaitan

Lihat lagi