手机页面,使用手写输入法时input无法获取最后一个字的解决方法
遇到部分用户反馈,搜索框input里总是少一个字,仔细询问后,发现是在手写输入法的时候才存在这个问题
看了下代码,搜索框有做根据输入字符变化,实时推送推荐关键字和商品的功能,所以用的是uni-app的input事件,input事件必须要输入法确认后才会触发,所以没法获取最后一个未确定的字符
解决方法:
增加blur事件,搜索框失去焦点时,也触发对应的事件,也就是input和blur事件同时使用即可解决
<view class="tui-searchbox">
<view class="tui-search-input">
<icon type="search" :size="13" @tap="submitsearch" color="#333"></icon>
<input
confirm-type="search"
@confirm="submitsearch"
placeholder="请输入编码/名称/型号/编号/规格"
:focus="true"
auto-focus
placeholder-class="tui-input-plholder"
class="tui-input"
v-model="key"
@input="inputKey"
@blur="inputKey"//添加这行代码可以解决手写输入法的问题
/>
<icon type="clear" :size="13" color="#bcbcbc" @tap="cleanKey" v-show="key"></icon>
</view>
<view class="tui-cancle" @tap="submitsearch">搜索</view>
</view>