#Event

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

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

#Event 类型

TouchEvent

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

CustomEvent

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

AnimationEvent

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

MouseEvent

MouseEvent 表示鼠标事件，描述了用户与鼠标的交互行为。

KeyEvent

KeyEvent 表示键盘事件，描述了用户与键盘的交互行为。

WheelEvent

WheelEvent 表示鼠标滚轮事件，描述了用户滚动鼠标滚轮或触摸板的行为。

#实例属性

#type

type: string;

表示事件的类型。

#timestamp

timestamp: number;

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

#target

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

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

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

#currentTarget

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

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

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

#实例方法

#stopPropagation MTS Only

stopPropagation(): void;

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

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

eventsrc/event_stop_propagation/index.tsx

Code

预览

#stopImmediatePropagation MTS Only

stopImmediatePropagation(): void;

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

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

#兼容性