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

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 ;

}

}