JavaScript基础——事件对象及其属性

1、 获取事件对象

事件对象是事件在被触发时产生的一个对象,这个对象里有事件触发时的相关信息

例如:鼠标点击事件中,事件对象就存了鼠标点在哪个位置等信息

获取事件对象:
在事件绑定的回调函数的第一个参数就是事件对象,一般命名为event、ev、e

//e就是事件对象
元素.addEventListener('click',function(e){
	alert('测试')
})

2、 事件对象的常用属性

部分常用属性

  • type,获取当前的事件类型
  • clientX/clientY,获取光标相对于浏览器当前可见窗口左上角的位置
  • offsetX/offsetY,获取光标相对于当前DOM元素左上角的位置
  • key,用户按下键盘键的值,现在不提倡使用keyCode
  • pageX/pageY,获取光标相当于整个document左上角的位置

你可能感兴趣的:(JavaScript基础,前端,开发语言,js,javascript,html)