input中文输入频繁触发input方法问题

Sunny_lm

于 2024-08-28 16:28:30 发布

阅读量478

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_59787755/article/details/141642957

中文输入法输入打拼音到input输入框的时候，发现打拼音的时候也会频繁触发input事件，可以通过compositionstart与compositionend搭配input进行解决。

<input type="text" >

英文输入时不触发，中文输入才触发

        let  input=document.querySelector('input')
        input.addEventListener('compositionstart',function(e){ //第一次输入时触发
            console.log("e",e)
        })
        input.addEventListener('compositionend',function(e){//输入完成时触发
            console.log("e",e)
        })