简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

Pelaksanaan javascript asli bagi kemahiran kod_javascript sampel elemen seret

WBOY
Lepaskan： 2016-05-16 16:38:16
asal
1127 orang telah melayarinya

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:

Label berkaitan：
js asli
sumber：php.cn
Artikel sebelumnya：14 aspek yang mempengaruhi penggunaan jQuery_jquery Artikel seterusnya：Contoh penggunaan kaedah teks untuk mendapatkan maklumat teks kemahiran elemen_javascript Html
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Isu terkini
Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...
daripada 2024-04-06 18:16:26
0
1
403
Hasilkan nilai lalai dan pembolehubah CSS menggunakan SCSS Saya sedang melaksanakan penggayaan laman web. Atas sebab sokongan warisan, saya perlu men...
daripada 2024-04-06 17:46:54
0
1
355
Menjana kandungan menggunakan Ajax - menatal ke Id tidak berfungsi Saya menjana kandungan halaman berdasarkan data yang diperoleh melalui ajax. Masalah yang ...
daripada 2024-04-04 09:29:39
0
1
397
Soalannya masih sama, tetapi tajuk ditulis semula seperti berikut: Fungsi rawak Javascript saya gagal menghasilkan respons yang sah Saya sedang membuat permainan penjana nombor rawak mudah menggunakan JS dan HTML. Dalam pe...
daripada 2024-04-03 22:03:14
0
1
275
ReactJs: Tatasusunan induk saya dikemas kini selepas menggunakan fungsi peta Saya cuba memasukkan kunci baharu ke dalam tatasusunan yang pada dasarnya diekstrak daripa...
daripada 2024-04-03 20:04:17
0
1
352
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！