javascript - Web微信聊天輸入框解決方案
問(wèn)題描述
問(wèn)題解答
回答1:<!--input.wxml--><view class='section'><inputplaceholder='這是一個(gè)可以自動(dòng)聚焦的input'auto-focus/></view><view class='section'><inputplaceholder='這個(gè)只有在按鈕點(diǎn)擊的時(shí)候才聚焦' focus='{{focus}}' /><viewclass='btn-area'><buttonbindtap='bindButtonTap'>使得輸入框獲取焦點(diǎn)</button></view></view><view class='section'><input maxlength='10' placeholder='最大輸入長(zhǎng)度10' /></view><view class='section'><viewclass='section__title'>你輸入的是:{{inputValue}}</view><input bindinput='bindKeyInput' placeholder='輸入同步到view中'/></view><view class='section'><input bindinput='bindReplaceInput' placeholder='連續(xù)的兩個(gè)1會(huì)變成2' /></view><view class='section'><input bindinput='bindHideKeyboard' placeholder='輸入123自動(dòng)收起鍵盤(pán)' /></view><view class='section'><inputtype='emoji' placeholder='這是一個(gè)帶有表情的輸入框' /></view><view class='section'><inputpassword type='number' /></view><view class='section'><inputpassword type='text' /></view><view class='section'><inputtype='digit' placeholder='帶小數(shù)點(diǎn)的數(shù)字鍵盤(pán)'/></view><view class='section'><inputtype='idcard' placeholder='身份證輸入鍵盤(pán)' /></view><view class='section'><inputplaceholder- 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){varvalue = e.detail.value;var pos= e.detail.cursor;if(pos!= -1){//光標(biāo)在中間varleft = e.detail.value.slice(0,pos);//計(jì)算光標(biāo)的位置pos =left.replace(/11/g,’2’).length;}
//直接返回對(duì)象,可以對(duì)輸入進(jìn)行過(guò)濾處理,同時(shí)可以控制光標(biāo)的位置return {value:value.replace(/11/g,’2’),cursor:pos}
//或者直接返回字符串,光標(biāo)在最后邊//return value.replace(/11/g,’2’),},bindHideKeyboard:function(e){if(e.detail.value=== '123'){//收起鍵盤(pán)wx.hideKeyboard();}}})
相關(guān)文章:
1. docker api 開(kāi)發(fā)的端口怎么獲取?2. docker - 如何修改運(yùn)行中容器的配置3. docker start -a dockername 老是卡住,什么情況?4. macos - mac下docker如何設(shè)置代理5. docker鏡像push報(bào)錯(cuò)6. dockerfile - 我用docker build的時(shí)候出現(xiàn)下邊問(wèn)題 麻煩幫我看一下7. debian - docker依賴(lài)的aufs-tools源碼哪里可以找到啊?8. docker網(wǎng)絡(luò)端口映射,沒(méi)有方便點(diǎn)的操作方法么?9. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問(wèn)題。10. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個(gè)是怎么回事????

網(wǎng)公網(wǎng)安備