如何避免输入中文拼音时触发input事件

可解决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()
        })
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容