事件对象是什么?
它也是个对象,记录这个对象里有事件触发时的相关信息。例如:鼠标点击事件中,事件对象就存了鼠标点在哪个位置等信息。
事件对象的使用场景
1、可以判断用户按下哪个键,比如按下回车键可以发布动态、新闻、评论等等
2、可以判断鼠标点击了哪个元素,从而做出相应的操作
语法:如何获取
在事件绑定的回调函数的第一个参数就是事件对象,一般命名为event、ev、e。
元素.addEventListener('click' , function(e) {
})
事件对象常用的属性(部分常用属性)
- type —— 获取当前的事件类型
- clientX / clientY —— 获取光标相对于浏览器浏览器可见窗口左上角的位置
- offsetX / offsetY —— 获取光标相对于当前DOM元素左上角的位置
- key —— 用户按下的键盘值(现在不提倡使用keyCode,因为keyCode已经被废除了)