加入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})