JS使用输入法在输入汉字时不统计拼音的字母数,输入完后再统计
程序员文章站
2022-05-31 07:58:08
...
有时候在输入框输入文字时有字数限制,在将达到限制前,输入不了中文,原来是你输入拼音的时候,把字母也统计进去了。
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);
}
});