JS 事件对象

当用户触发我们注册的事件之后,浏览器会创建一个事件对象,这个事件对象就包含了触发事件时的一些信息,比如时间戳,鼠标坐标,事件目标等等.然后浏览器会将这个事件对象,传递给事件处理函数,那么我们只需要在事件处理函数中申明一个形参,接收一下即可.如下面的示例代码所示:

//js var box = document.getElementById('box');

box.onclick = function(event){

                console.log(event) // 事件对象

} ```

 

1.事件对象的常用属性

event.type 返回事件类型（返回事件名）

event.target 返回事件目标

clientX/clientY 返回鼠标在可视窗口的坐标

pageX/pageY 返回鼠标在当前页面的坐标

keyCode 返回键盘按键对应的数字

2.事件对象的常用方法

1.event.preventDefault() 取消默认行为  

 a标签可以在事假处理函数的最后一刚添加 return false ,但是如果使用addEventListenner 的话 return false 是无效的，需要使用e.preventDefault;

2.event.stopPropagation()  阻止事件传递    //IE   event.cancelBubble