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