jquery mobileのタッチクリックイベントが複数回トリガーされる問題の解決策

jquery mobile は、ジェスチャタッチに対して次のイベントモニタリングを提供します:

コードをコピーコードは次のとおりです:

tap ユーザーが画面をタップするとトリガーされます
taphold ユーザーが画面をタップして 1 秒以上タッチし続けるとトリガーされます
swipe ページが垂直方向または水平方向にドラッグされたときにトリガーされます。このイベントには、scrollSupressionThreshold、durationThreshold、horizo​​ntalDistanceThreshold、verticalDistanceThreshold という関連付けられたプロパティがあります
swipeleft ページが左方向にドラッグされるとトリガーされます
swiperight ページが右方向にドラッグされるとトリガーされます
 

ただし、Windows 8 タッチデバイスと Android デバイスでタップイベントをテストしたところ、1 回のクリックで複数回トリガーされました。
テスト後、tap メソッドの応答時間は onclick イベントよりも大幅に高速であるため、click イベントを使用してタップイベントの応答を処理できます。サンプルコードリファレンスは次のとおりです:

コードをコピーコードは次のとおりです:

jquery mobile のタップイベントが複数回トリガーされる - Zhiwen Studio

Zhiwen Studio

メニュー

;ol data-role="listview" data-inset="true">

< ;/div>
<script> //画面をタップします //$('div#article').on("tap",function(event){ $(' div#article' ).on("click",function(event){ events.stopPropagation(); console.log(111111); if(event.clientY //ページの上部をクリックし、上にスライドします if(document.body.scrollTop<1) return; varscrollPosY = document.body.scrollTop - document.body.clientHeight 100; $。 mobile.silentScroll(scrollPosY); }else if(event.clientY > document.body.clientHeight - 80){ varscrollPosY = document.body.scrollTop document.body.clientHeight - 100 ; if(scrollPosY < document.body.scrollHeight){//トップカバーの表示高さ <ウェブページ本文の高さの場合、1 画面スクロールします $.mobile.silentScroll(scrollPosY); } } }); for(var i=1;i<200;i ){ $('#article ol').append('<li>th ' i '行: Zhiwen Studio</li>'); } </script>

もう 1 つの代替方法:
Android デバイス上の JQueryMobile のタップイベントは複数回トリガーされます。私たちの解決策は、Google FastButton を使用し、元々タップが必要だった場所を fastbutton で処理することです。

もう 1 つの代替メソッドのリファレンス:
Android デバイス上の JQueryMobile のタップイベントには、Google FastButton を使用し、本来タップが必要な箇所に fastbutton を使用するという問題があります。

jquery mobileのタッチクリックイベントが複数回トリガーされる問題の解決策_jquery

Zhiwen Studio