事件对象2—事件冒泡和捕获

事件冒泡和捕获
window.onload=function(){
document.onclick=function(){
alert('document');
};
document.documentElement.onclick=function(){
alert('html');
}
document.body.onclick=function(){
alert('body');
}
document.getElementById('box').onclick=function(){
alert('div');
}
document.getElementsByTagName('input')[0].onclick=function(evt){
var e=evt||window.event;
alert('input');
e.stopPropagation(); //取消冒泡 IE不支持
e.cancelBubble=true; //IE的取消冒泡

e.setStop(evt);
}
}

做兼容
function setStop(evt){
var e=evt||window.event;
(typeof e.stopPropagation=='function')?e.stopPropagation():e.cancelBubble=true

}

posted @ 2017-08-23 15:31  耿鑫  阅读(90)  评论(0编辑  收藏  举报