<!--input.wxml--><view class="section"> <input placeholder="這是一個可以自動聚焦的input" auto-focus/></view><view class="section"> <input placeholder="這個只有在按鈕點擊的時候才聚焦" focus="{{focus}}" /> <view class="btn-area"> <button bindtap="bindButtonTap">使得輸入框獲取焦點</button> </view></view><view class="section"> <input maxlength="10" placeholder="最大輸入長度10" /></view><view class="section"> <view class="section__title">你輸入的是：{{inputValue}}</view> <input bindinput="bindKeyInput" placeholder="輸入同步到view中"/></view><view class="section"> <input bindinput="bindReplaceInput" placeholder="連續的兩個1會變成2" /></view><view class="section"> <input bindinput="bindHideKeyboard" placeholder="輸入123自動收起鍵盤" /></view><view class="section"> <input type="emoji" placeholder="這是一個帶有表情的輸入框" /></view><view class="section"> <input password type="number" /></view><view class="section"> <input password type="text" /></view><view class="section"> <input type="digit" placeholder="帶小數點的數字鍵盤"/></view><view class="section"> <input type="idcard" placeholder="身份證輸入鍵盤" /></view><view class="section"> <input placeholder-style="color:red" placeholder="占位符字體是紅色的" /></view>

//input.jsPage({ data:{ focus:false, inputValue:"" }, bindButtonTap:function(){ this.setData({ focus:Date.now() }) }, bindKeyInput:function(e){ this.setData({ inputValue:e.detail.value }) }, bindReplaceInput:function(e){ var value = e.detail.value; var pos = e.detail.cursor; if(pos != -1){ //光標在中間 var left = e.detail.value.slice(0,pos); //計算光標的位置 pos = left.replace(/11/g,'2').length; } //直接返回對象，可以對輸入進行過濾處理，同時可以控制光標的位置 return { value:value.replace(/11/g,'2'), cursor:pos } //或者直接返回字符串,光標在最后邊 //return value.replace(/11/g,'2'), }, bindHideKeyboard:function(e){ if(e.detail.value === "123"){ //收起鍵盤 wx.hideKeyboard(); } }})