码迷,mamicode.com
首页 > 其他好文 > 详细

禁止触屏滑动touchmove

时间:2015-12-23 22:48:16      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:

在移动端页面开发中,有时需要禁止用户滑动屏幕,搜索了好久才找到移动终端的touch事件,touchstar,touchmove,touchend.

阻止滚动

一些移动设备有缺省的touchmove行为,比如说经典的iOS overscroll效果,当滚动超出了内容的界限时就引发视图反弹。这种做法在许多多点触控应用中会带来混乱,但要禁用它很容易。

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

具体参见 

移动互联网终端的touch事件,touchstart, touchend, touchmove

在PC端页面开发中,可以设置onmousewheel,具体参见

JS滚轮事件onmousewheel使用介绍

禁止触屏滑动touchmove

标签:

原文地址:http://www.cnblogs.com/jesse131/p/5071313.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!