1. 程式人生 > >事件取消和阻止

事件取消和阻止

取消冒泡:
 
  W3C標準 event.stopPropagation();但不支援ie9以下版本
  IE獨有event.cancelBubble = true;


封裝 stopBubble(event);


function stopBulle(event){
  if(event.stopPropagation){
   event.stopPropagation();
   }else{
     event.cancleBubble = true;
  }
}


阻止預設事件:


預設事件 —— 表單提交, a標籤跳轉, 右鍵選單等


1.return false; 以物件屬性的方式註冊的事件才生效


2.event.preventDefault(); W3C標準,IE9以下不相容


3.event.returnValue = false; 相容IE


封裝 cancleHandler(event);


function cancleHandler(event){
  if(event.preventDefault){
   event.preventDefault();
   }else{
     event.returnValue = false;
  }
}