Rumah > Artikel > hujung hadapan web > Adakah jquery mempunyai fungsi sentuh?
Terdapat fungsi sentuh dalam jquery; fungsi sentuh akan dicetuskan apabila pengguna menyentuh halaman: 1. Acara ketik dicetuskan apabila pengguna mengetik elemen 2. Acara ketik dicetuskan apabila pengguna mengetik elemen dan Dicetuskan apabila ditahan selama satu saat; elemen; 5. Peristiwa swiperright dicetuskan apabila pengguna meluncur lebih daripada 30px dari kiri pada elemen Dicetuskan apabila elemen meluncur lebih daripada 30px dari kanan.
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.4.1, komputer Dell G3.
Acara sentuhan dicetuskan apabila pengguna menyentuh skrin (halaman).
Acara ketik dicetuskan apabila pengguna mengetik elemen.
Acara taphold dicetuskan apabila pengguna mengetik elemen dan menahannya selama satu saat
Acara leret dicetuskan apabila pengguna mengetik elemen secara mendatar Peristiwa swipeleft dicetuskan apabila pengguna meluncur lebih daripada 30px dari kiri pada elemen:
swiperight Peristiwa dicetuskan apabila pengguna meluncur lebih daripada 30px dari kanan pada elemen:
Penjelasan ringkas:
ketik (ketik dan tahan): ketik dan tahan (kira-kira satu saat) dan kemudian cetuskan
leret (leret): seret mendatar lebih daripada 30PX dalam masa satu saat, atau secara menegak Peristiwa dicetuskan apabila menyeret kurang daripada 20px berlaku. Berapa lama dan berapa banyak piksel untuk diseret boleh ditetapkan. Peristiwa ini mempunyai sifat yang berkaitan, iaitu
scrollSupressionThreshold (lalai: 10px) – seretan mendatar lebih besar daripada nilai ini tidak akan dicetuskan.
durationThreshold (lalai: 1000ms) – Jika masa gelongsor melebihi nilai ini, tiada acara gelongsor akan dijana.
horizontalDistanceThreshold (lalai: 30px) – Peristiwa gelongsor akan berlaku hanya apabila jarak leret mendatar melebihi nilai ini.
verticalDistanceThreshold (lalai: 75px) – Peristiwa gelongsor akan berlaku hanya apabila jarak leret menegak kurang daripada nilai ini.
leret ke kiri (leret ke kiri): Dicetuskan apabila acara leret berada di arah kiri
ketik (ketik): Dicetuskan selepas ketik pantas dan lengkap
ketik (ketik dan tahan) ): Pencetus selepas mengetik dan melepaskan (kira-kira satu saat)$(function(){ $("#home").live('tap', function() { $('#toPage2').click(); // 为首页绑定点击事件 }); $("#page-2").live('tap', function() { $('#toHome').click(); // 为另一页面绑定点击事件 }); });leret (leret): Luncurkan ke kiri atau kanan sesuka hati
$(function(){ $("#home").live('taphole', function() { $('#toPage2').click(); // 为首页绑定长按事件 }); $("#page-2").live('taphole', function() { $('#toHome').click(); // 为另一页面绑定长按事件 }); });Cadangan tutorial video:
jQuery tutorial video
$(function(){ $("#home").live('swipe', function() { $('#toPage2').click(); // 为首页绑定滑动事件 }); $("#page-2").live('swipe', function() { $('#toHome').click(); // 为另一页面绑定滑动事件 }); });
Atas ialah kandungan terperinci Adakah jquery mempunyai fungsi sentuh?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!