微信小程序

本文深入解析小程序中的事件处理机制,包括bind与catch的使用区别,事件捕获与冒泡的控制,以及如何通过事件函数获取currentTarget和target来区分事件源和冒泡行为。掌握这些技巧,有助于开发者更高效地进行小程序开发。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

事件处理
(1)bind
事件的绑定方式:bind:事件名称=“事件函数”有时:可以省略
事件函数如何处理:需要在js文件中进行定义
如果要在事件函数中修改data中的数据要注意:修改数据必须使用setData方法进行
事件函数中的this是当前页面的实例对象
数据的修改是同步的,页面的更新是异步的
(2)绑定事件方式
bind 事件绑定不会阻止冒泡事件向上冒泡
catch 事件绑定可以阻止冒泡事件向上冒泡
(3)如何控制事件捕获
capture-bind 不阻止捕获事件向内部传递
capture-catch 阻止捕获事件向内部传递
注意:必须添加冒号进行绑定

不管是事件捕获还是事件冒泡,点击的都是子元素,不过事件捕获是由外层向内触发,事件冒泡是由内向外传递,但是注意的是点击的都是子元素!!!!

事件对象
可以通过事件函数获取currentTarget和target的区别:
如果是事件源的话,currentTarget和target相同,但是不是同一个对象
需要区分事件源和冒泡发生的事件行为target表示事件源,就是实际触发事件的组件currentTarget表示当前触发事件的组件,有可能是冒泡触发的事件如果要获取触发组件的data-数据,要使用event.target.dataset获取属性的数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值