绑定事件 官网文档
小程序中使用bind关键字绑定事件,常见事件 tap 并且很多组件都有自己对应的一些事件,比如 input组件的 bindinput radio-group组件中的bindchange
bindtap
index.wxmlindex.js
点击我
Page({
data: {
message:"helloWord",
num:'even',
},
add:function(){
console.log('aaa')
console.log(this.data.message)
this.setData({
message:'你好,小程序'
})
}
)}
this.setData修改message的值
事件传参 通过自定义属性给事件函数传参
index.wxmlindex.js
点击我自定义属性传参数
add2:function(e){
console.log(e)
},
【小程序|微信小程序 事件的绑定和传参】
文章图片
阻止事件冒泡 index.wxmlindex.js
fun1
fun2
fun3
fun1:function(){
console.log('fun1')
},
fun2:function(){
console.log('fun2')
},
fun3:function(){
console.log('fun3')
},
点击fun3打印结果
文章图片
修改绑定事件的方法用catch绑定事件
index.wxmlindex.js不变
fun1
fun2
fun3
点击fun3打印结果
文章图片
成功阻止事件的冒泡
input事件 文档官网
index.wxmlindex.js
changeInput:function(){
console.log(1)
},
文章图片
推荐阅读
- 微信小程序|微信小程序4-小程序的api
- 原生小程序|原生小程序 之事件绑定(数据绑定) 与 事件传参 下拉刷新、触底事件等
- 微信小程序|【微信小程序】一文带你了解数据绑定、事件绑定以及事件传参、数据同步
- springboot|ssm基于微信小程序的警局服务管理系统--(ssm+uinapp+Mysql)
- 编程语言|程序员最讨厌的11句话 | 每日趣闻
- matlab|信息完全技术之Enigma密码机【MATLAB程序及软件APP实现】
- MysqL|MysqL读写分离原理
- 乐享购|分享购(用户如何获得订单返佣的奖励!小程序商城引流营销模式)
- java微信小程序的电动汽车充电桩服务平台源码介绍