首页站内杂志技术文摘
文章内容页

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

  • 作者:雨祺
  • 来源: 原创
  • 发表于2022-09-04 12:18:12
  • 被阅读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. }); 
    【审核人:站长】

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

        本文链接:https://www.meiweny.cn/zazhi/zhongwangjiaocheng/106.html

        赞一下

        深度阅读

        • 您也可以注册成为美文苑的作者,发表您的原创作品、分享您的心情!

        阅读记录

          关注美文苑