bindevent.wxss中代碼：
/* pages/bindevent/bindevent.wxss */
.myinput{
width: 50%;
border:1px solid black;
}
bindevent.wxml中代碼：
<!--pages/bindevent/bindevent.wxml-->
<view>事件綁定</view>
<text>{{name}}</text>
<input class="myinput" bindinput="changeContent" value="{{name}}"/>
<button plain="true" bindtap="modify">修改</button>
class="myinput": 通過 class 屬性設(shè)置該輸入框的樣式類，可以在 WXSS 中通過樣式類來定義該輸入框的樣式。
bindinput="changeContent": 通過 bindinput 屬性將輸入框的輸入事件綁定到名為 changeContent 的事件處理函數(shù)上。當(dāng)用戶在輸入框中輸入內(nèi)容時(shí)，觸發(fā) changeContent 函數(shù)。
注意在綁定事件時(shí)候使用changeContent，而不是changeContent（）。編寫時(shí)為方便，寫的一般是changeContent（），但這是縮寫了，全部應(yīng)該寫changeContent：function（），也就是如圖所示的方式。從展開的可以發(fā)現(xiàn)，（）是人家function的，所以自定義的事件的名稱為changeContent。實(shí)際編寫中，可以將“：function”省略。
value="{{name}}": 通過 value 屬性設(shè)置輸入框的默認(rèn)值。在這個(gè)例子中，name 是一個(gè)變量，它會(huì)在數(shù)據(jù)綁定時(shí)動(dòng)態(tài)地決定輸入框的默認(rèn)值。
bindevent.js中代碼：
Page({
data:{
name:"張三"
},
modify: function(){
this.setData({
name:"李四"
})
},
changeContent (e){
console.log(e.detail.value)
this.setData({
name:e.detail.value
})
}
})
?
?提取文本框信息：e. detail.value
當(dāng)輸入框的內(nèi)容發(fā)生變化時(shí)，通過事件對(duì)象 e 的 detail.value 屬性可以獲取到最新的輸入框內(nèi)容。可以結(jié)合下圖，通過按路徑查找的方式理解這句代碼：通過不斷修改輸入文本框的內(nèi)容發(fā)現(xiàn)，detail中包含的value的值在隨著文本框內(nèi)容變化而變化
?整體運(yùn)行效果：
文章來源：http://www.zghlxwxcb.cn/news/detail-725539.html
以上為綁定事件的方式獲取文本框信息，如果覺得麻煩可以使用model：value=“{{}}”方式獲取。例如，在bindevent.wxml中添加下面的代碼，這時(shí)候該輸入框?qū)崿F(xiàn)的效果與上面方式實(shí)現(xiàn)的相同文章來源地址http://www.zghlxwxcb.cn/news/detail-725539.html
<input class="myinput" model:value="{{name}}"/>到了這里，關(guān)于微信小程序——輸入框input的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
