取消冒泡

W3C标准
event.stopPropagation();
但不支持ie9以下版本
IE独有
event.cancelBubble = true;
封装取消冒泡的函数 stopBubble(event)

  1. <script>
  2. function stopBubble(event){
  3. if(event.stopPropagation){
  4. event.stopPropagation();
  5. }else{
  6. event.cancelBubble = true;
  7. }
  8. }
  9. </script>

阻止默认事件

默认事件 比如 表单提交 a标签跳转 右键菜单等
1 return false;
这个方法只对用 elem.onxxx = function (event) {} 创建的事件才生效
2 event.preventDefault();
W3C标准 IE9以下不兼容
3 event.returnValue = false;
兼容IE
封装阻止默认事件的函数 cancelHandler(event);
(return false无法封装)

  1. <script>
  2. function cancelHandler(event){
  3. if(event.preventDefault){
  4. event.preventDefault();
  5. }else{
  6. event.returnValue = false;
  7. }
  8. }
  9. </script>