移动端启用与禁用页面默认的touchmove事件

移动端,同一页面不同层的划动操作会造成相互影响,需要额外处理
   如:页面层和弹出层(如picker选择划动)都有划动,同一个页面的不同层划动操作,造成相互影响,需要启用与禁用touchmove来处理.
    addEventListener()和removeEventListener()用于处理指定和删除事件处理程序操作,所有DOM节点中都包含这两种方法,
并动接受3个参数:
element.addEventListener(type, listener, useCapture)
element: 要绑定函数的对象;
type: 事件名称, 'click', 'blur',不能加'on';
listener: 绑定的事件函数,不要跟括号;
useCapture: 布尔值,表示该事件的响应顺序,
true -> 表示在捕获阶段调用事件处理程序, false -> 表示在冒泡阶段调用事件处理程序
                        使用:
var handler = function(e){
e.preventDefault();
}
document.addEventListener('touchmove', handler, false);//阻止默认事件
document.removeEventListener('touchmove', handler, false);//打开默认事件
注意: 添加和移除的函数对象应该是同一个,要不然移除不起作用,即listener不能直接用匿名函数function(e){e.preventDefault();}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值