jquery mobile的触控点击事件会多次触发问题的解决方法

2020-05-17 06:24:55易采站长站整理

 //轻点屏幕
 //$(‘div#article’).on(“tap”,function(event){
 $(‘div#article’).on(“click”,function(event){
  event.stopPropagation();
  console.log(111111);
  if(event.clientY < 80){
  //单击了页面上半部分,则向上滑动
   if(document.body.scrollTop<1) return;
   var scrollPosY = document.body.scrollTop – document.body.clientHeight + 100;
   $.mobile.silentScroll(scrollPosY);
  }else if(event.clientY > document.body.clientHeight – 80){
   var scrollPosY = document.body.scrollTop + document.body.clientHeight – 100;
   if(scrollPosY < document.body.scrollHeight){//顶部覆盖的高度+可见高度<网页体高度,则滚动一屏
    $.mobile.silentScroll(scrollPosY);
   }
  }
 });
 for(var i=1;i<200;i++){
  $(‘#article ol’).append(‘<li>第 ‘+ i +’ 行:志文工作室</li>’);
 }
</script>
</body>
</html>



另外一个替代方法参考:
JQueryMobile 在 Android 设备上的 tap 事件会出现多次触发的问题, 我们的解决方案是使用 Google FastButton,将原来需要用 tap 的地方改用 fastbutton 处理。
另外一个替代方法参考:
JQueryMobile 在 Android 设备上的 tap 事件会出现多次触发的问题, 我们的解决方案是使用 Google FastButton,将原来需要用 tap 的地方改用 fastbutton 处理。