js常见的事件对象的属性和方法

<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 尽量不去使用它

}