<style>
div {
width: 100px;
height: 100px;
background-color: pink;
}
</style>
<div>123</div>
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ul>
<script>
var ul = document.querySelector("ul");
ul.addEventListener("click",function(){
console.log(this); // 輸出的是當前系結元素的物件 <ul></ul>
console.log(e.currentTarget); //輸出的是當前觸發事件的系結元素ie6/7/8不支持 <ul></ul>
console.log(e.target) //輸出的是當前觸發的事件物件 <li>abc</li>
})
</script>
______________________________________________________________________________________
事件物件的兼容性
var div = document.querySelector("div") ;
div.onclick = function(e) {
e=e || window.event ; //window.event 是一個非標準的屬性，盡量不去使用它
var target = e.target || e.srcElement; // e.srcElement是一個非標準的屬性，只支持ie678 盡量不去使用它
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/163420.html
標籤：JavaScript
上一篇：javascript事件物件