Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Adakah jquery mempunyai fungsi sentuh?

Adakah jquery mempunyai fungsi sentuh?

WBOY
Lepaskan: 2022-06-09 18:27:21
asal
2325 orang telah melayarinya

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.

Adakah jquery mempunyai fungsi sentuh?

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.4.1, komputer Dell G3.

Adakah jquery mempunyai fungsi sentuh?

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): ketik cepat dan lengkap Pencetus selepas

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

  • leret ke kanan (leret ke kanan): Dicetuskan apabila acara leret berada di arah kanan

Contohnya adalah seperti berikut:

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(); // 为另一页面绑定点击事件
      });
    });
Salin selepas log masuk
leret (leret): Luncurkan ke kiri atau kanan sesuka hati

$(function(){
      $("#home").live('taphole', function() {
        $('#toPage2').click(); // 为首页绑定长按事件
      });
      $("#page-2").live('taphole', function() {
        $('#toHome').click(); // 为另一页面绑定长按事件
      });
    });
Salin selepas log masuk
Cadangan tutorial video:

jQuery tutorial video

$(function(){
      $("#home").live('swipe', function() {
        $('#toPage2').click(); // 为首页绑定滑动事件
      });
      $("#page-2").live('swipe', function() {
        $('#toHome').click(); // 为另一页面绑定滑动事件
      });
    });
Salin selepas log masuk

Atas ialah kandungan terperinci Adakah jquery mempunyai fungsi sentuh?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan