JavaScript怎么阻止事件冒泡和阻止浏览器默认行为

这篇文章主要介绍了JavaScript怎么阻止事件冒泡和阻止浏览器默认行为的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇JavaScript怎么阻止事件冒泡和阻止浏览器默认行为文章都会有所收获，下面我们一起来看看吧。

1. 阻止事件冒泡 兼容w3c浏览器

function cBubble(e){

if(e.stopPropagation){

e.stopPropagation();//ie9+

}else{//ie678

e.cancelBubble = true;

}

}

2.阻止浏览器默认行为

function cDefault(e){

if(e.preventDefault){//ie9+

e.preventDefault();

}else{//ie 678

e.returnValue = false;

}

};

3.阻止默认详细说明

w3c 的方法是 e.preventDefault(),

IE 则是使用 e.returnValue = false;

preventDefault它是事件对象(Event)的一个方法,

作用是取消 一个目标元素的默认行为.

既然是说默认行为,当然是元素必须有默认行为才能被取消.

如果元素本身就没有默认行为,调用当然就无效 了.

什么元素有默认行为呢?

如链接,

提交按钮等.

当Event对象的cancelable为false时,表示没有默认行为,

这时即使有默认行为,调用 preventDefault 也是不会起作用的。

关于"JavaScript怎么阻止事件冒泡和阻止浏览器默认行为"这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对"JavaScript怎么阻止事件冒泡和阻止浏览器默认行为"知识都有一定的了解，大家如果还想学习更多知识，欢迎关注行业资讯频道。