这篇文章主要介绍了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)的一个方法,
作用是取消 一个目标元素的默认行为.
既然是说默认行为,当然是元素必须有默认行为才能被取消.
如果元素本身就没有默认行为,调用当然就无效 了.
什么元素有默认行为呢?
如链接<a>,
提交按钮<input type=” submit”>等.
当Event对象的cancelable为false时,表示没有默认行为,
这时即使有默认行为,调用 preventDefault 也是不会起作用的。
关于“JavaScript怎么阻止事件冒泡和阻止浏览器默认行为”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“JavaScript怎么阻止事件冒泡和阻止浏览器默认行为”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
