如何给元素添加事件监听和取消事件冒泡

vardiv= document.getElementById("div");

/*如何通过DOM2模型给同一个元素添加多个同类型事件监听

* 在W3C类型的浏览器下，先声明的先触发

* 在IE类型的浏览器下，先声明的后触发*/

if(document.addEventListener){

div.addEventListener("click",function() {

console.log(1);

});

div.addEventListener("click",function() {

console.log(2);

});

div.addEventListener("click",function() {

console.log(3);

});

}else{

div.attachEvent("onclick",function() {

console.log(1);

});

div.attachEvent("onclick",function() {

console.log(2);

});

div.attachEvent("onclick",function() {

console.log(3);

});

}

根据不同的事件类型，采用不同的方法取消事件冒泡

functionstop(e) {

if(e.stopPropagation){//w3c

e.stopPropagation();

}else{

e.cancelBubble= true;

}

}