取消冒泡
W3C标准
event.stopPropagation();
但不支持ie9以下版本
IE独有
event.cancelBubble = true;
封装取消冒泡的函数 stopBubble(event)
<script>
function stopBubble(event){
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble = true;
}
}
</script>
阻止默认事件
默认事件 比如 表单提交 a标签跳转 右键菜单等
1 return false;
这个方法只对用 elem.onxxx = function (event) {} 创建的事件才生效
2 event.preventDefault();
W3C标准 IE9以下不兼容
3 event.returnValue = false;
兼容IE
封装阻止默认事件的函数 cancelHandler(event);
(return false无法封装)
<script>
function cancelHandler(event){
if(event.preventDefault){
event.preventDefault();
}else{
event.returnValue = false;
}
}
</script>