一.事件定义
- 渲染层到逻辑层的通讯方式
二、小程序常用事件
1.tap
- 手指点击
- 使用步骤
1.通过bindtap，可以为组件绑定tap事件
2.在页面的.js文件中定义对应事件的处理函数，通过event形参来接收
- 演示
2.input
- 文本框的输入
- 使用步骤
1.通过bindinput绑定输入事件
2.在页面.js文件中定义事件处理函数
3.change
- 状态改变时触发
三、事件对象属列表
- 事件回调触发后，会收到一个事件对象的event
1.属性
-
type
事件类型 -
timeStamp
触发事件经过的毫秒数 -
target
触发事件组件的属性集合
触发该事件的源头组件 -
currentTarger
当前尊见的属性集合
当前事件所绑定的组件 -
detail
额外信息 -
touches
当前停留在屏幕中的触摸点信息的数组 -
changedTouches
当前变化的触摸点信息的数组
四、bindtap
- 事件函数中为data赋值
- 调用
this.setData(dataObect)
1.事件传参
- 不能在绑定事件的同时为事件处理函数传参
2.语法
-
传递
data-* -
获得
event.target.dataset.参数名
五、bindinput
1.步骤
实现文本框和data之间的数据同步
- 1.定义数据
- 2.渲染结构
- 3.美化样式
- 4绑定input事件处理函数
