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

2021-01-14  本文已影响0人  蜗牛Coming

加入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})
上一篇 下一篇

猜你喜欢

热点阅读