在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。
1..停止事件冒泡
JavaScript代码
- //如果提供了事件对象,则这是一个非IE浏览器
- if ( e && e.stopPropagation )
- //因此它支持W3C的stopPropagation()方法
- e.stopPropagation();
- else
- //否则,我们需要使用IE的方式来取消事件冒泡
- window.event.cancelBubble = true;
- return false;
2.阻止浏览器的默认行为
JavaScript代码
- //如果提供了事件对象,则这是一个非IE浏览器
- if ( e && e.preventDefault )
- //阻止默认浏览器动作(W3C)
- e.preventDefault();
- else
- //IE中阻止函数器默认动作的方式
- window.event.returnValue = false;
- return false;