当前位置：网站首页>Description of event object

Description of event object

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

Event object

Get event object
Event object ： It's also an object , This object contains the relevant information when the event is triggered

The location of the event object ： The first parameter of the callback function bound to the event is the event object 

 Elements .addEventListener('click',function(e){

})

Common properties of event objects
Some common properties

  • type Get the current event type
  • clientX/clientY Gets the position of the cursor relative to the upper left corner of the browser visible window
  • offsetX/offsetY Gets the cursor relative to the current DOM The position of the upper left corner of the element
  • key The value of the keyboard key pressed by the user ; The use of keyCode
  • pageX/pageY Equivalent to page window 
<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://yzsam.com/2022/181/202206300914332436.html

边栏推荐

猜你喜欢

随机推荐