即时搜索：对于ios自带输入法输入中文时多次触发input事件的处理

实现移动端的即时搜索的最佳方案，一定是使用input propertychange事件了，但是在ios设备上遇到了问题，使用ios自带输入法输入汉字时，会出现多次触发input事件的情况，一开始可能由于搜索的关键字不得法，没有即时找到合适的方案，后来终于在网上找到了解决方案，现记录如下：

代码实现

/**
* @param flag: 用于标记是否是非直接的文字输入
*/
var flag = false;
$('#id').on({'compositionstart': function() {flag = true;},'compositionend': function() {flag = false;if(!flag) {//do something...doSomethingFunction();}},'input propertychange': function() {if(!flag) {//do something...doSomethingFunction();}}
});

•实现原理：借助 compositionstart 和 compositionend 两个事件来作为一个开关，同时借助状态变量，只在文字输入结束之后再触发input事件

•使用该方式处理之后，如果只是需要输入英文，那么需要点击enter确定才触发

参考的原文出处：https://www.cnblogs.com/dubox/p/5997969.html

即时搜索：对于ios自带输入法输入中文时多次触发input事件的处理相关推荐

【h5】ios自带输入法输入中文时多次触发input事件的处理
实现移动端的即时搜索的时候监听input事件掉接口查询,但是在ios设备上遇到了问题,使用ios自带输入法输入汉字时,会出现输入一个字母就触发一次事件,导致频繁调用接口的问题. 如果是输入纯英文没什么 ...
解决input中输入中文过程中会触发input事件的问题
问题描述: 监听文本输入框的input事件,在拼写汉字时会触发input事件,如下图: 需求: 选词完成后触发input事件,只触发一次. 解决办法: 通过查阅资料得知在输入中文(包括语音识别时)会先 ...
iOS备忘录之如何去掉苹果自带输入法输入英文时的“空格”
背景:苹果自带键盘输入英文时,中间会有"空格". 解决方法:"空格"的字符为"8198". NSString *checker = [NSS ...
vue中解决模糊搜索输入中文时--未输入完成时触发input事件
在给输入框绑定input或keydown事件时预期效果是有输入法时,输入中文后触发事件,不希望输一个字母就触发一次事件可以用到compositionstart,compositionend. 主流 ...
Mac使用技巧|轻松使用Mac自带输入法输入不会读的字
Mac上运行的操作系统,它拥有大量隐藏的快捷方式,键盘命令和功能,分享几个技巧,如果你是 Mac 新手或之前对 Mac 系统不太了解的,看过来吧- 更改屏幕分辨率打开「系统偏好设置 >> ...
input框监听输入法输入中文
input框监听输入法输入中文需求 input事件 select为什么不能使用注意select的onChange和onSearch 需求想要在input框中进行接口实时查询,但是在使用输入法输入 ...
搜狗输入法在idea打不了汉字_搜狗输入法在idea打不了汉字_好烦啊，IDEA输入中文时输入法候选词框不跟随光标......
PS:虽然写这篇文章会让人感觉很无聊,但是既然费心思去做了,写下来也不为过O(∩_∩)O~ 起因: 前几日在下从Eclipse搬迁到了IDEA,但是输入中文代码注释时,发现输入法的候选词框一直在右下角 ...
搜狗输入法在idea打不了汉字_好烦啊，IDEA输入中文时输入法候选词框不跟随光标...
PS:虽然写这篇文章会让人感觉很无聊,但是既然费心思去做了,写下来也不为过O(∩_∩)O~ 起因: 前几日在下从Eclipse搬迁到了IDEA,但是输入中文代码注释时,发现输入法的候选词框一直在右下角 ...
好烦啊，IDEA输入中文时输入法候选词框不跟随光标
PS:虽然写这篇文章会让人感觉很无聊,但是既然费心思去做了,写下来也不为过O(∩_∩)O~ 起因: 前几日在下从Eclipse搬迁到了IDEA,但是输入中文代码注释时,发现输入法的候选词框一直在右下角 ...

即时搜索：对于ios自带输入法输入中文时多次触发input事件的处理

即时搜索：对于ios自带输入法输入中文时多次触发input事件的处理相关推荐

最新文章

热门文章