利用输入法输入汉字,如何统计字数

问题描述:监测输入框的字数时,对于英文输入,直接读取event.target.value.length即为文本的长度;

当输入汉字时,由于需要借助输入法输入,当输入汉字过程中,监测  event.target.value.length,当文字未敲入时,统计的字数是已经键入的字数加正在键入的字母的数量;敲击空格,键入汉字后,统计的字数才会变成汉字的数量。

例如:hanzi,字数为5;按下空格,确定输入‘汉字’两个字后,字数变为2

这显然不是我们的期望,下面给出解决方法。


//html           

<textarea id='m-cont' ></textarea>


//js

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

    const ct = document.getElementById('m-cont');
        ct.addEventListener('keydown', function (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);
            }
        });

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值