全面禁止移动端事件的默认行为和单独开启元素的默认事件；

77 阅读 0 评论 51 点赞

我是靠谱客的博主俭朴手套，最近开发中收集的这篇文章主要介绍全面禁止移动端事件的默认行为和单独开启元素的默认事件；，觉得挺不错的，现在分享给大家，希望可以做个参考。

全面禁止事件的默认行为

event.preventDefault();

该方法可以取消元素上event.cancelable属性为true的默认事件。
在移动端所有的事件的event.cancelable属性为true；
所有我们可以用event.preventDefault()来全面禁止事件的默认行为

代码显示：

//	给document上的所有的某一个事件添加DOM2的事件监听
document.addEventListener('touchstart',function(ev){
ev = ev || event;
ev.preventDefalut();
})

我们从顶层的document上禁止了事件的的默认行为；
子元素之所以也被禁止了：

代码示例：

element.addEventListen('touchstart',function(ev){
ev = ev || event;
ev.stopPropagation();
})

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。