Event

Event 表示事件触发时的事件对象,其包含了事件触发时的状态信息。开发者可以通过事件处理器属性的方式来监听。

Lynx 存在多种不同类型的事件对象,它们都直接或间接继承自 EventEvent 本身包含适用于所有事件对象的属性和方法。

Event 类型

TouchEvent

TouchEvent 表示触摸事件对象,描述了手指在触摸平面(如触摸屏)的状态变化。

CustomEvent

CustomEvent 表示自定义事件对象,描述了元件自定义的状态变化。

AnimationEvent

AnimationEvent 表示动画事件对象,描述了 CSS 动画生命周期的状态变化。

实例属性

type

type: string;

表示事件的类型。

timestamp

timestamp: number;

表示事件生成时的时间戳。

target

target: {
  id: string,
  uid: number,
  dataset: [key: string]: any,
}

表示触发事件的 element 的一些属性值集合。

  • id: elementid 选择器。
  • uid: element 在 Lynx Engine 中的唯一标识符。
  • dataset: element 上由 data- 开头的自定义属性组成的集合。

currentTarget

currentTarget: {
  id: string,
  uid: number,
  dataset: [key: string]: any,
}

表示监听事件的 element 的一些属性值集合。

  • id: elementid 选择器。
  • uid: element 在 Lynx Engine 中的唯一标识符。
  • dataset: element 上由 data- 开头的自定义属性组成的集合。

实例方法

stopPropagation

stopPropagation(): void;

停止冒泡,阻止事件在触摸响应链上继续冒泡。

该方法只在主线程脚本中实现,在主线程脚本中调用可以同时影响 JS 中的事件冒泡和事件处理函数触发。

stopImmediatePropagation

stopImmediatePropagation(): void;

停止冒泡,阻止事件在事件响应链上继续冒泡,并且阻止当前节点上其他相同事件的事件处理函数被触发。

该方法只在主线程脚本中实现,在主线程脚本中调用可以同时影响 JS 中的事件冒泡和事件处理函数触发。

兼容性

LCD tables only load in the browser

除非另有说明,本项目采用知识共享署名 4.0 国际许可协议进行许可,代码示例采用 Apache License 2.0 许可协议进行许可。