微信小程序 事件
2024-09-01 21:16:21
事件详解
事件分类
事件分为冒泡事件和非冒泡事件：
- 冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。
- 非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。
WXML的冒泡事件列表：
| 类型 | 触发条件 |
|---|---|
| touchstart | 手指触摸动作开始 |
| touchmove | 手指触摸后移动 |
| touchcancel | 手指触摸动作被打断，如来电提醒，弹窗 |
| touchend | 手指触摸动作结束 |
| tap | 手指触摸后马上离开 |
| longtap | 手指触摸后，超过350ms再离开 |
注：除上表之外的其他组件自定义事件如无特殊申明都是非冒泡事件，如<form/>的submit事件，<input/>的input事件，<scroll-view/>的scroll事件，(详见各个组件)
事件绑定
事件绑定的写法同组件的属性，以 key、value 的形式。
- key 以
bind或catch开头，然后跟上事件的类型，如bindtap,catchtouchstart - value 是一个字符串，需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。
bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。
如在下边这个例子中，点击 inner view 会先后触发handleTap3和handleTap2(因为tap事件会冒泡到 middle view，而 middle view 阻止了 tap 事件冒泡，不再向父节点传递)，点击 middle view 会触发handleTap2，点击 outter view 会触发handleTap1。
<view id="outter" bindtap="handleTap1">
outer view
<view id="middle" catchtap="handleTap2">
middle view
<view id="inner" bindtap="handleTap3">
inner view
</view>
</view>
</view>最新文章
- Oracle学习笔记十三 触发器
- Facebook 发布「流程」
- TYVJ P1022 进制转换 Label：坑
- C语言：几种字符输入函数的区别
- 【Linq to Object】使用LINQ实现左链接加GROUP BY查询
- JavaScript高级程序设计32.pdf
- JENKINS的远程API调用，然后用PYTHON解析出最新的版本及稳定成功的版本
- searchbar的使用介绍
- Cocos2d-x 精灵碰撞检測（方法二）
- ORACLE查看和更改的最大连接数
- iframe的各项參数
- lucene 总结收集（url）
- Maven学习-简介、安装
- html集锦
- Java设计模式（二）抽象工厂模式
- vi和vim编辑器
- 任意activity作为启动页
- python全栈开发day55-mysql外键的三种变种
- 关于Q-LEARNING的优化
- 1085. Perfect Sequence (25)-水题