首页 > 学院 > 开发设计 > 正文

解决移动端滚动页面释放时所触发的tounchend事件

2019-11-07 23:35:14
字体:
来源:转载
供稿:网友

解决方法

1在滚动时就给停止touchend事件冒泡,实现如下:

javaScript:

function stopTouchendPRopagationAfterScroll(){ var flag = false; window.addEventListener('touchmove', function(ev){ flag || (flag = true, window.addEventListener('touchend', stopTouchendPropagation, true)); }, false); function stopTouchendPropagation(ev){ ev.stopPropagation(); setTimeout(function(){ window.removeEventListener('touchend', stopTouchendPropagation, true); flag = false; }, 50); }}2 可以判断滑动(左右上下)的距离大于多少之后就阻止tounchend事件!
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表