input或者select搜索功能处理输入值为中文时

yy_huang

于 2019-12-25 11:50:09 发布

阅读量1k

点赞数

文章标签： javascript jquery 前端

本文链接：https://blog.youkuaiyun.com/yy_huang/article/details/103696263

版权

本文探讨了在前端开发中，input或select元素在处理中文输入时可能遇到的问题及解决方案。介绍了compositionstart和compositionend两个事件，它们分别用于监听中文输入法开始和结束，提供了一个select搜索的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想必大家都有遇到。在input框中输入值的时候，英文很nice,但是一遇到中文，内心就很崩溃，经历过的都知道。在这里总结一下经验。有两个方法，说实话我也是第一次见，compositionstart，通俗说这个方法是监听中文输入法开始之后，compositionend 这个方法时间监听输入法结束时候，列举一个select搜索例子供大家参考，话不多说直接贴代码！

<select name="modules" id="creator" lay-search>
 	<option value="">请输入创建者</option>
</select>

//定义一个变量控制输入法开始或者结束时。
 var flag = true;
 //中文输入法开始事件  如果input是动态加载的应该这样写：
		$('#modelCerator').on('compositionstart','.layui-input'

最低0.47元/天解锁文章