码迷,mamicode.com
首页 > 移动开发 > 详细

移动端禁止双指缩放

时间:2020-09-15 21:08:02      阅读:65      评论:0      收藏:0      [点我收藏+]

标签:移动   写法   list   重点   标签   listen   缩放   start   事件   

 

最近写项目时发现通过meta标签已无法禁止移动端双指缩放,一般的js写法也无法阻止,最终解决方案如下:

 

重点:passive
//禁止双指放大
document.documentElement.addEventListener(‘touchstart‘, function (event) {
  if (event.touches.length > 1) {
      event.preventDefault();
  }
}, {passive:false});

  

 

如果需要该事件,页面写入以下代码即可:
 
document.documentElement.addEventListener(‘touchstart‘, function (e) {

e.returnValue = true;

}, false);

  

 

移动端禁止双指缩放

标签:移动   写法   list   重点   标签   listen   缩放   start   事件   

原文地址:https://www.cnblogs.com/zeosky-zhe/p/13599945.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!