可解决input框输入时同步搜索
//在输入英文是没有任何问题,输入中文是合成文字是发生多次无效事件
var inp = document.getElementById('inp')
// 标记一个状态是否在合成
let isComposite = false
function search (){
console.log('搜索' + inp.value)
}
inp.addEventListener('input',function(){
if(!isComposite){
search()
}
})
//浏览器提供的两个事件,当多个案件对应到一个文字的过程就叫合成
//合成文字开始
inp.addEventListener('compositionstart',function(){
console.log('start')
// 合成开始时 将状态设置为true
isComposite = true
})
//合成文字结束
inp.addEventListener('compositionend',function(){
console.log('end')
isComposite = false
//在合成结束之后要触发一次搜索
search()
})