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

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,事件冒泡到這裏！！！！');
}