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

var
div
=
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);
});
}

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

function
stop(e) {
if
(e.stopPropagation){
//w3c
e.stopPropagation();
}else{
e.cancelBubble
=
true;
}
}