JS事件对象的常用属性

e的常用属性有下:

  • target 目标元素 实际被点到的元素
  • currentTarget 侦听元素 进入该事件函数的侦听目标,也就是设执行addEventListener方法,默认和this完全相同
  • srcElement 目标元素,实际被点到元素与target完全相同
  • 坐标数据 鼠标坐标
    • 1、点击元素的位置相对可视窗口左上角的位置

      clientX

      ClientY

    • 2、 如果目标元素没有定位 相对 页面左上角位置

      如果目标元素有定位,则是相对目标元素左上角

      offsetX

      offsetY

    • 3、点击位置相对页面的左上角位置(包括被卷上去的)

      pageX

      pageY

    • 4、移动偏移坐标 主要用在mousemove事件

      相较于上一次移动点的坐标 x整数向右,负数向左,y正数向下,负数向上

      mousementX

      mousementY

    • 5、 点击位置相对屏幕左上角的位置

      screenX

      screenY

    • 6、 这个与clientX和clientY相同

      X

      y

  •  preventDefault() 取消默认事件(returnValue=false IE中取消默认事件)
posted @ 2020-06-30 15:58  she_will  阅读(795)  评论(0编辑  收藏  举报