解决input事件监听拼音输入法导致高频事件

1.业务场景

在文本框中输入内容，执行查询接口，但遇到一个问题，当用拼音打字写汉字去搜索的时候，会输入一些字母拼成汉字，怎么能监听等拼音文字输入完成后再触发文本框监听事件

2.解决方案

在js中有两个事件：

compositionstart：(监听拼音开始输入) 

compositionend：（监听拼音输入完成）

3.代码实现

<div>
    <input type="text" class="input">
div>