微信小程序--事件绑定

本文详细介绍了微信小程序中的事件绑定方式,包括bind和catch的区别,以及事件的冒泡和非冒泡行为。同时,讨论了事件处理函数的创建,并重点讲解了事件传参的两种方法:通过"data-*"属性和mark标记。在"data-*"传参中,需要注意事件触发者和事件绑定者的区别,以及属性名称的转换规则。而在使用mark传递参数时,所有mark属性值将一同传递给事件处理函数。
摘要由CSDN通过智能技术生成

 1.事件绑定方式

方式一:bind:事件名 例如 <view bind:tap="handleName"></view>

方式二:bind事件名 例如 <view bindtap="handleName"></view>

2.事件常用类型

微信小程序中有许多的事件类型,常用的包括以下几种:

1.bindtap:点击事件,当用户点击该元素时触发

2.bindlongtap:长按事件,当用户长按该元素时触发

3.bindinput:输入事件,当用户输入内容时触发

4.bindscrolltolower:滚动到底部时间,当列表滚动到底部时触发

5.bindchange:选择器改变事件,当用户选择了下拉框或者滑动选择器时触发

3.事件处理函数

写到.js文件中,在文件中需要调用小程序提供的page方法来注册小程序的页面,我们可以直接在page方法中创建事件处理函数

4.事件分类

冒泡事件

当组件的事件被触发之后,该事件会向父节点传递

bind绑定的事件,会触发事件冒泡

非冒泡事件

当组件的事件被触发后,该事件不会向父节点传递

catch绑定的事件,可以阻止事件冒泡

5.事件传参

在触发事件时,将一些数据作为参数传递刚给事件处理函数的过程,就是事件传参

1.data-*

在组件上通过 “data-*”的方式,其中*就是自定义的属性

例如<view data-id = "1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值