欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS使用输入法在输入汉字时不统计拼音的字母数,输入完后再统计

程序员文章站 2022-05-31 07:58:08
...

有时候在输入框输入文字时有字数限制,在将达到限制前,输入不了中文,原来是你输入拼音的时候,把字母也统计进去了。

JS使用输入法在输入汉字时不统计拼音的字母数,输入完后再统计

 var isCh = false; //用来标识当前输入是否在用输入法输入汉字;

    var ct = document.getElementById('count');
    ct.addEventListener('keydown', function (e) {
        console.log(e)
        e.keyCode === 229 && (isCh = true);
        //keydown事件的触发:如果keyCode为229,则说明用户正在使用输入法敲入汉字;
    });
    ct.addEventListener('keyup', function (e) {
        if (e.keyCode === 32 && isCh) {
            //keyup事件会真实获取keyCode,当用户正在敲入汉字,而且用户输入了空格,键入了汉字,则获取此时的长度;
            isCh = false;
            console.log( e.target.value.length);
        } else if (!isCh) {
            //当用户没有借助输入法,则可直接获取字数
            console.log( e.target.value.length);
        }
    });