js阻止事件冒泡——hack方法和对象方法

hack方法：

<div id="btn">bbbbbbbbbbbbb</div>

btn.onclick = function(event){
 alert("div clicked!");
  if(0/*/*@cc_on+1@*/){ //判断浏览器是否是ie
       window.event.cancelBubble = true; //阻止ie浏览器事件的冒泡
 }else{
       event.stopPropagation(); //阻止符合w3c的浏览器的冒泡事件
 }
};
document.body.onclick = function(){
 alert("body clicked"); 
}

 

对象方法：

var btn = document.getElementById("btn");
btn.onclick = function (event) {
    alert("div clicked!");
    var event = EventUtil.getEvent(event);//得到浏览器所符合的事件对象
    EventUtil.stopPropagation(event);
};
document.body.onclick = function () {
    alert("body clicked");
};
EventUtil = {
    getEvent: function (event) { //w3c 事件对象都会传入event对象。
        return event ? event : window.event; //IE中的event对象是作为window对象的一个属性存在。
    },
    stopPropagation: function (event) {
        if (event.stopPropagation) {
            event.stopPropagation(); //阻止ie浏览器事件的冒泡
        } else {
            event.cancelBubble = true; //阻止符合w3c的浏览器的冒泡事件
        }
    }
}