【JS】事件对象Event

事件对象Event

所有事件处理方法中一定有一个对象event,存储当前事件的相关信息

通用属性

1.type 事件类型

2.target 事件源

• 即在哪里触发的‘
• 触发事件的源对象（事件委托

3.this 当前事件源对象

• 和target 差不多
• 表示处理事件的元素对象（事件委托

鼠标属性

获取坐标

1.相对于浏览器位置

• event.clientX

  • 返回标指针相对于浏览器页面(或客户区)的水平坐标
  • 可见区域

• event.clientY

  • 返回⿏标指针相对于浏览器页面(客户区)的垂直坐标。
  • 可见区域

• event.pageX

  • 获取光标相对于当前页面的水平坐标信息
  • 浏览器整个页面

• vent.pageY

  • 获取光标相对于当前页面的垂直坐标信息
  • 浏览器整个页面

2.相对于屏幕位置

• event.screenX

  • 指针相对于电脑屏幕左上角 的水平坐标。

• event.screenY

  • 指针相对于*电脑屏幕左上角* 的垂直坐标。

3.相对于事件源位置

• event.offsetX

  • 指针相对于事件源的水平坐标

• event.offsetY

  • 返指针相对于事件源的垂直坐标

• event.layerX

  • 指针相对于事件源的水平坐标(Firefox)

• event.layerY

  • 指针相对于事件源的垂直坐标(Firefox)