当前位置：网站首页>事件对象的说明》

事件对象的说明》

2022-06-30 09:35:00 【zimingyo】

事件对象

获取事件对象
事件对象：也是个对象，这个对象里有事件触发时的相关信息

事件对象的位置：在事件绑定的回调函数的第一个参数就是事件对象

元素.addEventListener('click',function(e){

})

事件对象常用属性
部分常用属性

  • type 获取当前的事件类型
  • clientX/clientY 获取光标相对于浏览器可见窗口左上角的位置
  • offsetX/offsetY 获取光标相对于当前DOM元素左上角的位置
  • key 用户按下的键盘键的值；现在不提倡使用keyCode
  • pageX/pageY 相当于页面窗口
<body>
 <script> document.addEventListener('click',function(e) {
       console.log(e.type) console.log(e.clientX,e.clientY) console.log(e.offsetX,e.offsetY) console.log(e.pageX,e.pageY) }) </script>
</body>
原网站

版权声明
本文为[zimingyo]所创，转载请带上原文链接，感谢
https://blog.csdn.net/zimingyo/article/details/124956623

边栏推荐

猜你喜欢

随机推荐