場(chǎng)景: 微信小程序真機(jī)中 textarea輸入框內(nèi)有很多文字,從中間刪除文字,速度快的時(shí)候,光標(biāo)會(huì)從中間跳到最后位置!
原因: input、textarea事件中,給input框綁定任何事件后,在處理事件時(shí)更新數(shù)據(jù) setData之后就會(huì)讓光標(biāo)到最后。說(shuō)白了就是數(shù)據(jù)發(fā)生更新導(dǎo)致光標(biāo)跑到最后。
處理辦法:
將標(biāo)簽中:value綁定的變量,與bindinput事件里一直改變賦予的值變量分開(kāi),用兩個(gè)變量使用,這樣就避免了bindinput觸發(fā)時(shí)不去同時(shí)更新輸入框中:value綁定的值,這樣就不會(huì)讓光標(biāo)變到最后。
相關(guān)代碼詳情如下:文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-580956.html
<textarea name="bindTextAreaBlur" placeholder-style="color: #888888;line-height: 42rpx;" placeholder="描述你想象的文字" bindinput="getInputWay" show-confirm-bar='true' value="{{edit_text}}" maxlength="-1" show-confirm-bar="" confirm-type="done" ></textarea>
getInputWay: function (e) {
let value = e.detail.value
this.setData({
editText: value
})
},
注意:清除數(shù)據(jù)時(shí),兩個(gè)變量都需要清除。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-580956.html
到了這里,關(guān)于微信小程序 textarea輸入框內(nèi)文字,從中間刪除快的時(shí)候,光標(biāo)會(huì)從中間跳到最后位置的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!