什么是交互事件
- 事件是视图层到逻辑层的通讯方式。
- 事件可以将用户的行为反馈到逻辑层进行处理。
- 事件可以绑定在组件上。当达到触发事件,就会执行逻辑层中对应的事件处理函数。
- 事件对象可以携带额外信息,如
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的

本文详细介绍了Webview组件中的事件机制,包括事件的分类(冒泡与非冒泡),常见事件列表,如何通过模板语法绑定事件,以及事件对象的结构和使用,为开发者在处理用户交互时提供指导。
最低0.47元/天 解锁文章
4678

被折叠的 条评论
为什么被折叠?



