javascript事件对象

javascript事件对象

<style>
div {
width: 100px;
height: 100px;
background-color: red;
}
</style>

 

<script>

var div = document.querySelector(‘div’);

div.addEventListener(‘click’,function(event){   //event就是一个事件对象，写到我们的侦听函数的括号里面，当做一个形参来看

　　　　　　　　　　　　　　　　　　　　　//事件对象只有了事件才会存在，是系统自动给我们创建的，不需要我们传参数

　　console.log(event);　　　　　　　　　　 //事件对象就是一系列跟事件方法相关数据的集合

　　　　　　　　　　　　　　　　　　　　　//事件对象我们可以自己命名 event evt e

　　　　　　　　　　　　　　　　　　　　　 //事件对象也有兼容性问题 ie678   e=e || window.event;

})

 

 

 

</script>