关于文本框的事件及其相关处理

bindinput 的语法格式

在小程序中通过 input 事件来响应文本框的输入事件，语法格式如下：

① 通过 bindinput，可以为文本框绑定输入事件：

<input bindinput="inputHandler" />

② 在页面的 .js 文件中定义事件处理函数：

inputHandler(e) {
	//e.detail.value 是变化过后，文本框最新的值
	console.log(e.detail.value)
}

实现文本框和 data 之间的数据同步

实现步骤：

• 定义数据
• 渲染结构
• 美化样式
• 绑定 input 事件处理函数

1.定义数据

Page({
	data: {
		msg: '你好，'
	}
})

2.渲染结构

<input value="{{msg}}" bindinput="iptHandler"></input>

3.美化样式（此处略）
4.绑定 input 事件处理函数

//文本框内容改变的事件
iptHandler(e){
	this.setData({
		//通过 e.detail.value 获取到文本框的最新值
		msg: e.detail.value
	})
}