自游互动这篇文章讲解一下微信小程序如何获取input中的文本值，我们主要通过bindinput获取input中文本值
我们先看一下示例图
wxml代码
给input绑定 bindinput事件：键盘输入时触发，event.detail = {value, cursor, keyCode}，keyCode 为键值，2.1.0 起支持，处理函数可以直接 return 一个字符串，将替换输入框的内容。
<view>
输入框:<input bindinput="onInput"></input>
</view>
<view>
输入框的值： <text>{{inputValue}}</text>
</view>
js代码
Page({
/**
* 页面的初始数据
*/
data: {
inputValue:"" //用于保存和显示输入框中的值
},
//通过input的事件获取文本框的值
onInput:function(e){
console.log(e)
//获取文本框的值
var val = e.detail.value
//把值保存到data中inputValue，这样页面和其它方法就可以调用了
this.setData({
inputValue : val
})
}
})
转载时请标注转载于： http://www.freetechs.cn/archives/455
相关文章：