手机端如何阻止苹果浏览器输入框默认放大事件

最新推荐文章于 2024-01-08 16:22:59 发布

FLTmiao

最新推荐文章于 2024-01-08 16:22:59 发布

阅读量7.9k

点赞数 4

分类专栏： js html5 文章标签：苹果safari javascript

本文链接：https://blog.csdn.net/flting1017/article/details/76985126

版权

14 篇文章 1 订阅

订阅专栏

6 篇文章 0 订阅

订阅专栏

  今天遇到了苹果手机浏览器输入的时候，整个网页会放大，并且不会缩小，暂时还没有找到解决的办法，在继续找找 

 
 window 
 .onload =  
 function 
  () { 

 
  
 document 
 . 
 addEventListener 
 ( 
 'gesturestart' 
 ,  
 function 
  ( 
 e 
 ) { 

 
 e. 
 preventDefault 
 (); 

});

 
  
 document 
 . 
 addEventListener 
 ( 
 'dblclick' 
 ,  
 function 
  ( 
 e 
 ) { 

 
 e. 
 preventDefault 
 (); 

});

 
  
 document 
 . 
 addEventListener 
 ( 
 'touchstart' 
 ,  
 function 
  ( 
 event 
 ) { 

 
  
 if 
  ( 
 event 
 .touches. 
 length 
  >  
 1 
 ) { 

 
  
 event 
 . 
 preventDefault 
 (); 

}

});

 
  
 var 
  lastTouchEnd =  
 0 
 ; 

 
  
 document 
 . 
 addEventListener 
 ( 
 'touchend' 
 ,  
 function 
  ( 
 event 
 ) { 

 
  
 var 
  now = (new  
 Date 
 ()). 
 getTime 
 (); 

 
  
 if 
  (now - lastTouchEnd <=  
 300 
 ) { 

 
  
 event 
 . 
 preventDefault 
 (); 

}

 
 lastTouchEnd = now; 

 
 },  
 false 
 ); 

};

  就是这一串代码，能解决苹果浏览器默认放大的事件，因为苹果觉得当用户点击输入框放大是很好的体验，单纯的写meta是没有用的，需要用js强制的修改 

关注