技术文摘

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

作者:雨祺   发表于:
浏览:138次    字数:394  原创
级别: 站长   总稿: 68 篇,  月稿: 0
触摸屏运行全屏网页模式时,需禁用双指缩放及双击缩放,该功能可由浏览器自身的参数设置,也可以通过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. }); 

【审核人:站长】

收藏   加好友   生成海报   分享
点赞(0)
打赏
Tags: 手指 触摸屏
评论(0人参与,0条评论) 雨祺
0/0
  • 请先说点什么
    最新评论

    发布者资料

    热门文章

    技术文摘

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