【【移动端】js禁止页面滑动与允许滑动】的更多相关文章

【移动端】js禁止页面滑动与允许滑动

禁止页面滑动 通常静止滑动方案:(阻止滑动事件) window.ontouchmove=function(e){ e.preventDefault && e.preventDefault(); e.returnValue=false; e.stopPropagation && e.stopPropagation(); return false; }; 有部分机型不支持以上静止滑动方案,可使用:(点击后页面浮动到指定位置不动 将body的position设置为fixed) $…

js禁止页面复制 禁用页面右键菜单的代码

js实现禁止页面复制功能.禁用页面右键菜单等功能.  <body oncontextmenu="return false">禁用网页右键菜单,但是仍然可以使用快捷键复制.  js代码禁用复制功能:  <script type="text/javascript">  document.body.onselectstart=document.body.oncontextmenu=function(){ return false;}  </s…

原生js禁止页面滚动

// 开启.禁止页面滚动 bodyScroll: { e(e) { e.preventDefault();// 注意此处代码片段必须这样提出来已保证传入下边两个事件的处理程序一样才生效,分别写到事件处理程序中不生效. }, // 开启滚动 open() { document.body.removeEventListener('touchmove', this.e, false); }, // 禁止滚动 close() { document.body.addEventListener('touch…

js禁止页面滚动

开发移动端页面的时候有一个很比较常见的需求,在出现弹窗时,禁止滑动弹窗后面的主体页面.如何实现呢,往下看 js实现整个页面禁止滚动: document.body.addEventListener('touchmove', function(e){ e.preventDefault(); }, { passive: false }); //passive 参数不能省略,用来兼容ios和android passive是干吗用的呢,设置该属性的目的主要是为了在阻止事件默认行为导致的卡顿.等待监听器的执…

js禁止页面刷新禁止用F5键刷新,禁止右键

<script     language="javascript"> //禁止用F5键 function     document.onkeydown() { if     (     event.keyCode==116) { event.keyCode     =     0; event.cancelBubble     =   true; return   false; } } //禁止右键弹出菜单 function     document.oncontextme…

js禁止页面所有a链接访问

<script type="text/javascript"> var arr=document.getElementsByTagName("a") for(var i=0;i <arr.length;i++){ arr[i].setAttribute("rel",arr[i].href); arr[i].removeAttribute("href"); } </script>…

【VUE/JS】vue和js禁止浏览器页面后退

1.vue 禁止浏览器后退需求是:需要某个路由不能通过浏览器返回,同时不影响相互之间的切换整理一下解决方法 和 使用方法: 1.在路由配置中给这个路由添加meta信息,比如: { path: '/home', component: xxx, meta: {allowBack: false} } 2.在全局的router.beforeEach 函数里面获取allowBack的状态,同时更新vuex的allowBack的值,如: let allowBack = true // 给个默认值trueif…

javascript移动端禁止页面滑动的解决方案

1 前言 移动端网页,发现ios平台的iphone或者ipad,网页可以上下左右移动,而Android版则不会.仅作为记录使用. 2 代码 var mo=function(e){e.preventDefault();}; function stop(){ document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo,false);//禁止页面滑动 } //直接默认不让滑动 stop();…

inobounce.js : 禁止IOS H5的滑动回弹

IOS的移动端/H5/webapp 页面如果滚动到底部或者在页面顶部再往上拉,都会出现一个回弹的效果. 想取消这个效果可以引入一个简单的库就行,不用再写繁琐的样式. github地址 直接引入就行 <script src="inobounce.js"></script> 例子: 因为这个库是禁止了整个页面的滑动,所以如果页面中有其他元素需要滑动的,要给滑动元素设置一个height或max-height,还有overflow: auto; -webkit-over…

jquery 禁止页面滚动-移动端

禁止 window.ontouchmove=function(e){        e.preventDefault && e.preventDefault();        e.returnValue=false;        e.stopPropagation && e.stopPropagation();        return false;} 取消禁止 window.ontouchmove=function(e){        e.preventDefau…