手机页面,使用手写输入法时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>

  

posted @ 2023-01-09 16:35  野望之风  阅读(280)  评论(0编辑  收藏  举报