js禁止移动端浏览器滚动事件以及取消（允许）还原浏览器滚动事件

1、禁止浏览器滚动

document.addEventListener('touchmove', function (event) {event.preventDefault();
}, false);

document.addEventListener('touchmove', function (event) {window.event.returnValue = false;
}, false);

2、还原（允许）浏览器滚动事件

document.addEventListener('touchmove', function (event) {window.event.returnValue = true;
}, false);

js禁止移动端浏览器滚动事件以及取消（允许）还原浏览器滚动事件相关推荐

html禁止页面左右滑动,js阻止移动端默认事件以及只阻止横向滚动事件方法
js阻止移动端默认事件,是在相关的touch事件的时候利用event.preventDefault();来阻止默认滚动行为,但是如果要实现阻止横向滚动行为而不阻止竖向滚动行为就要写一个方法通过手指滑动 ...
html鼠标滑轮事件,js鼠标滚轮上下滚动监听事件应用实例（跨浏览器，亲测）
最近做项目涉及到多个DIV切换效果,包括普通按钮点击切换和鼠标滚轮上下滚动切换等:其主要涉及到的内容就是鼠标滚轮上下切换的事件监听,在此记录一下:也希望能帮到各位有需要的朋友. 以下为项目实例: $( ...
原生js实现移动端touch事件，解决穿透问题
四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: //手指在屏幕上滑动式触发 touchend: //手指离开屏幕时触发 touchcancel: //系统取 ...
vue 禁止显示本网页由、、_【VUE/JS】vue和js禁止浏览器页面后退
1.vue 禁止浏览器后退需求是:需要某个路由不能通过浏览器返回,同时不影响相互之间的切换整理一下解决方法和使用方法: 1.在路由配置中给这个路由添加meta信息,比如: { path: '/ ...
asp.net页面回传与js调用服务端事件、PostBack的原理详解(转)
Asp.net中服务端控件事件是如何触发的 Asp.net 中在客户端触发服务器端事件分为两种情况: 一. WebControls中的Button 和HtmlControls中的Type为subm ...
js基础4 使用dom操作/getStyle/scrollHeight/协议滚动禁用例子/div随鼠标移动/冒泡/事件的委派/事件的绑定
使用dom操作 <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
在FireFox浏览器上，用stopImmediatePropagation阻止冒泡鼠标滚动事件
楔子是不是在火狐用stopPropagation不太满意很久没有笑过又不知为何既然不快乐又不喜欢这里不如一路向西用stopImmediatePropagation(其实我对浏览器的兼容性看不顺 ...
asp.net页面回传与js调用服务端事件，Postback的原理
Asp.net 中在客户端触发服务器端事件分为两种情况: 一. WebControls中的Button 和HtmlControls中的Type为submit的HtmlInputButton 这两种 ...
fastclick.js解决移动端（ipad）点击事件反应慢问题
fastclick.js解决移动端(ipad)点击事件反应慢问题参考文章: (1)fastclick.js解决移动端(ipad)点击事件反应慢问题 (2)https://www.cnblogs.co ...

js禁止移动端浏览器滚动事件以及取消（允许）还原浏览器滚动事件

js禁止移动端浏览器滚动事件以及取消（允许）还原浏览器滚动事件相关推荐

最新文章

热门文章