美文网首页
触屏PC上如何禁止放大缩小

触屏PC上如何禁止放大缩小

作者: 蜗牛Coming | 来源:发表于2021-01-14 10:17 被阅读0次

加入meta标签的user-scalable在触屏PC是不生效的。

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

没办法,就只能直接禁止两指行为了,不过这样带来的问题就是滑动的时候两指滑动没有反应,只能单指滑动。
上代码:

document.addEventListener('touchmove',function(event){
       if(event.touches.length>1){
            event.preventDefault();
        }
},{passive:false});
document.addEventListener('touchstart',function(event){
       if(event.touches.length>1){
            event.preventDefault();
        }
},{passive:false});
document.addEventListener('touchend',function(event){
       if(event.touches.length>1){
            event.preventDefault();
        }
},{passive:false})

相关文章

网友评论

      本文标题:触屏PC上如何禁止放大缩小

      本文链接:https://www.haomeiwen.com/subject/usgmaktx.html