js基础特效04阻止事件冒泡及封装及获取事件目标

阻止事件冒泡的方法：event的stopPropagation();的属性。

阻止事件冒泡 阻止谁身上的事件冒泡 就在谁身上调用方法

document.onclick=function (event) {
alert("文档被点击了");
}
var btn=document.getElementById('btn');
btn.onclick=function (event) {
alert("按钮被点击了");
var event=event||window.event;
event.stopPropagation();//阻止事件冒泡
};

事件冒泡的兼容封装：

btn.onclick=function (event) {
var event=event||window.event;
//阻止事件冒泡的兼容封装
if (event.stopPropagation){//正常浏览器
event.stopPropagation();
}else{
event.cancelBubble=true;//IE678
}
};

获取事件目标的方式：

var target=event.target||event.srcElement;//兼容模式

console.log(target);

console.log(target.id);