阻止浏览器的缩放和拖动

最近在做移动端web,有两个蛋疼的事儿就是浏览器自身的缩放,还有有的时候拉一下还会弹回去。每次都要搜别人的感觉不太好。还是自己整理一下好了。

首先是阻止浏览器的缩放,加上这个

<meta name="viewport" context="width=device-width initial-scale=1.0,user-scalable=no">

接下来是组织浏览器拖动,这个给body添加一个事件,阻止他默认对事件的响应。

    document.body.addEventListener("touchmove",function(){
    event.preventDefault();
    });

好了以后可以看自己的了,搬砖了先。

原文地址:https://www.cnblogs.com/qoshi/p/3682470.html