javaScript中的事件对象和事件冒泡

https://www.bilibili.com/video/av94751761/

https://www.cnblogs.com/yuaima/p/5080255.html js事件对象 

<div id="div3">
<br/><br/>
<a href="http://www.baidu.com" id="go">我是一个超链接</a>
</div>

//大家要注意：事件对象和事件冒泡(阻止冒泡,阻止默认事件)有浏览器兼容的问题，IE浏览器不兼容
/*
参考网页https://www.cnblogs.com/yuaima/p/5080255.html
注意:IE中的阻止冒泡和阻止默认事件也都是属性，不是函数
阻止冒泡：e.cancelBubble=true;
阻止默认事件：e.returnValue=false;false表示阻止默认事件是启动的。true表示没有启动阻止默认事件。
还有一点，就是我们获取对象也是存在浏览器兼容的问题。那么我们只要兼容一下就可以了
Object.οnclick=function(e){
	e=e||window.event;//这句话就解决了浏览器兼容的问题。
}
*/
var aNode1 = document.getElementById('go');
aNode1.onclick = function(e){
//参数e表示事件对象，程序运行时，系统会自动传递一个事件对象进来，参数e就表示事件对象
    alert("点击了链接事件");
    console.log(e, e.type, e.target);
    //阻止事件冒泡
    e.stopPropagation(); 
    //阻止事件默认属性(即超链接不会跳转了，换言之就是阻止了超链接的默认跳转行为)
    e.preventDefault();
}

var divNode3 = document.getElementById('div3');
divNode3.onclick = function(ev) {
	//参数ev表示事件对象，程序运行时，系统会自动传递一个事件对象进来，参数ev就表示事件对象
	console.log(ev, ev.type, ev.target);
	alert('我是div3,事件冒泡到这里！！！！');
}