在input输入框中输入中文时，需要立即查找与输入内容匹配的结果。 通常，我们使用input事件来监听用户输入事件，但在输入中文拼音时也会触发input事件，前端不断发出请求，导致用户体验非常差。
针对这种情况，笔者将介绍一种简单易懂的好方法。
代码如下。
var cpLock=false；
$ ' #搜索输入' (.on (' composition start '，function ) ) {
Cp锁定=true；
)；
$('#search-input ' ).on('compositionend '，function ) )。
cpLock=false；
)；
$('#search-input ' ).on('input '，function ) {
if (！ Cp锁定) {
//待办事宜
}
)；
```````
####
如果浏览器中存在非直接文本输入，则会在同步模式下触发合成事件。
如果浏览器直接输入文本，compositionend将在同步模式下启动。
元素监听compositionstart事件，锁定input中的事件，禁止input中的事件执行，元素监听compositionend事件，解锁input中的事件，并成功执行。
以上内容为插件：
compositionEvent.js
```````
var compositionEvent={
init: function () }
this.compositionEventName=true；
this.bindEvents (；
(，
bind events :功能(
var self=this；
$(document ).on(compositionstart )，function )。
self.composition event name=false；
)；
$(document ).on('compositionend '，function ) )
self.compositionEventName=true；
)；
}
(；
compositionEvent.init (；
```````