e.target 和 this的指向
- e.target 返回的是触发事件的对象(元素),this返回的是绑定时间的对象
//body
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
//script
var div = document.querySelector("div");
div.addEventListener("click",function(){
console.log(e.target);//div
console.log(this);//div
})
var list = document.querySelectorAll("ul")
ul.addEventListener("click",function(e){
console.log(this);//ul
console.log(e.target)//li
})
//兼容性
div.onclick = function(e){
e = e || window.event;
var target = e.target || e.srcElement;
console.log(target)
}
//有个和this非常相似的属性 currentTarget ie678不认识