技术文摘

触摸屏设置禁用手指缩放机双击放大功能

作者:雨祺   发表于:
浏览:202次    字数:394  原创
级别:站长   总稿:82篇, 月稿:13
触摸屏运行全屏网页模式时,需禁用双指缩放及双击缩放,该功能可由浏览器自身的参数设置,也可以通过JS代码实现。
  1. // 禁用双指放大 
  2. document.documentElement.addEventListener('touchstart'function (event) { 
  3.     if (event.touches.length > 1) { 
  4.         event.preventDefault(); 
  5.     } 
  6. }, { 
  7.     passive: false 
  8.   
  9. }); 
  1. // 禁用双击放大 
  2. var lastTouchEnd = 0; 
  3. document.documentElement.addEventListener('touchend'function (event) { 
  4.     var now = Date.now(); 
  5.     if (now - lastTouchEnd <= 300) { 
  6.         event.preventDefault(); 
  7.     } 
  8.     lastTouchEnd = now; 
  9. }, { 
  10.     passive: false 
  11.   
  12. }); 

【审核人:站长】

99Ai聊天   收藏   加好友   海报   46分享
点赞(0)
打赏
标签:手指触摸屏

发布者资料

热门文章

技术文摘

查看更多技术文摘
    首页
    栏目
    搜索
    会员
    投稿