js事件event对象参数含义详解

今天在写一个web端的下拉刷新,上翻分页的功能时用到了event对像
里的changedTouches。才发现自己对event的参数很不理解,所以花了
一上午的时间,把所有参数都记录了下来。一方面方便自己查询,另一方面
也巩固一下自己的记忆。

  • altkey 返回一个布尔值,表示事件触发时是否长按Alt键。
  • bubbles 返回布尔值,表示是否冒泡。
  • cancelBubbles 返回布尔值,表示取消冒泡
  • changedTouches 返回事件的元信息,包括clientX/Y,
    screenX/Y,pageX/Y。触摸形成的椭圆形状radiusX,radiusY,transionAngle.
    手指触摸屏幕的压力大小,指数从0到1变化。标示符的唯一ID:identifien。
    触摸节点target。
  • composed 返回一个布尔值,表示是否可以从一个Shadow Dom返回到
    一般dom。关于 Shadow Dom
    请点击查看。
  • ctrlKey 返回一个布尔值,表示事件触发时是否按住ctrl键盘。
  • currentTarget 表示触发对象的节点。会发生变化。
  • defaultPrevented 返回一个布尔值,表时是否已经执行
    event.preventDefault。
  • detail 返回一个数字,表示事件的某种信息,比如双击事件
    返回2。其它的敬请补充。
  • eventphase 返回一个数值,表示事件所处的阶段。其中0
    表示事件没发生,1表示事件处于捕获阶段,2表示事件到达target指向的节点,
    3表示事件处于冒泡阶段。
  • isTrusted 布尔值,表示事件是否由真实用户触发。
  • metakey 布尔值,表示触发事件时meta键是否被按住。
    关于meta键请点击meta
    链接查看。
  • path 事件触发的dom节点及其所有祖先节点的列表。
  • returnValue 与defaultPrevented类似。
  • shiftKey 布尔值,表示事件发生时shift键是否被按住。
  • sourceCapabilities 返回设备的一些能力。比如 firesTouchEvents
    描述触摸行为,貌似截止目前也只有这一个。
  • reElement 相当于target。主要在老版本的ie中使用。
  • target 事件触发的目标节点。
  • targetTouches 当前对象上所有触摸点的列表。
  • Timestamp 事件发生的时间
  • TouchList 列出所有的触摸对象
  • type 事件类型
  • which 事件触发时按了那个键盘