这篇文章讲解一下微信小程序如何获取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
相关文章: