首页 > 其他 > 详细

禁止触屏滑动touchmove

时间:2015-12-23 22:47:40      阅读:401      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!