什么是交互事件
- 事件是视图层到逻辑层的通讯方式。
- 事件可以将用户的行为反馈到逻辑层进行处理。
- 事件可以绑定在组件上。当达到触发事件,就会执行逻辑层中对应的事件处理函数。
- 事件对象可以携带额外信息,如
id
、dataset
和touches
。
事件分类
事件分为冒泡事件和非冒泡事件。
- 冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
- 非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。
事件列表
类型 | 触发条件 | |
---|---|---|
touchstart | 手指触摸动作开始。 | |
touchmove | 手指触摸后移动。 | |
touchcancel | 手指触摸动作被打断,如来电提醒,弹窗。 | |
touchend | 手指触摸动作结束。 | |
tap | 手指触摸后马上离开。 | |
transitionend | 会在 TYSS transition 或 createAnimation 动画结束后触发。 |
|
animationstart | 会在一个 TYSS animation 动画开始时触发。 | |
animationiteration | 会在一个 TYSS animation 一次迭代结束时触发。 | |
animationend | 会在一个 TYSS animation 动画完成时触发。 | |
longpress | 手指触摸后,超过 350ms 再离开,如果指定了事件回调函数并触发了这个事件,tap 事件将不被触发。 | 2.13.0 |
longtap | 手指触摸后,超过 350ms 再离开(推荐使用 longpress 事件代替)。 |
2.13.0 |
说明:如无特殊声明,除上表之外的其他组件自定义事件都是非冒泡事件,如
<form />
的submit
事件,<input />
的input
事件,scroll-view
的