问题描述:监测输入框的字数时,对于英文输入,直接读取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);
            }
        });

利用输入法输入汉字,如何统计字数相关推荐

  1. 苹果手机云便签新增内容无法使用中文输入法输入汉字怎么办?

    部分苹果手机版云便签敬业签用户在新增便签或者设置便签分类名称时,会遇到无法使用中文输入法输入的问题,可以先确认是否使用的是中文输入法,或者尝试从系统自带的输入法切换至其他输入法,再次输入中文汉字. 一 ...

  2. 怎么用计算机打出汉字,Windows XP电脑入门如何使用输入法输入汉字

    输入法有专门的程序,图标在任务栏的右下角,一个键盘 的图标 ,点击后显示安装的输入法; 最上面的"中文(中国)"是英文输入,下面两个彩色的是汉字输入; 选中汉字输入法后,会出来一个 ...

  3. 百度输入法输入汉字却显示英文

    项目场景: 我的电脑上就一个百度输入法和一个系统自带的. 问题描述: 听说百度输入法广告比较少,才下载的. 写Word时候,无论怎么切换英文汉字,始终显示的是英文. 解决方案: 提示:也没有存在输入法 ...

  4. input输入的时候统计字数的代码

    let isChinese = false; text.addEventListener('compositionstart', function () { // 该事件只有在输入中文时才会触发 is ...

  5. 计算机中文输入法教案,输入汉字的学习

    输入汉字的学习 汉字输入法 课    题:输入汉字的学习 课    时:1课时 课    型:新授课 教学方法:"任务驱动"教学法 教学用具:计算机 教学背景:对于本年级的学生来说 ...

  6. 【h5】ios自带输入法输入中文时多次触发input事件的处理

    实现移动端的即时搜索的时候监听input事件掉接口查询,但是在ios设备上遇到了问题,使用ios自带输入法输入汉字时,会出现输入一个字母就触发一次事件,导致频繁调用接口的问题. 如果是输入纯英文没什么 ...

  7. 即时搜索:对于ios自带输入法输入中文时多次触发input事件的处理

    实现移动端的即时搜索的最佳方案,一定是使用input propertychange事件了,但是在ios设备上遇到了问题,使用ios自带输入法输入汉字时,会出现多次触发input事件的情况,一开始可能由 ...

  8. python统计汉字字数_Python 统计字数的思路详解

    问题描述: 用 Python 实现函数 count_words(),该函数输入字符串 s 和数字 n,返回 s 中 n 个出现频率最高的单词.返回值是一个元组列表,包含出现次数最高的 n 个单词及其次 ...

  9. python输入一个字符串、计算其中小写字符的个数_利用键盘录入,输入一个字符串,统计该字符串中各个字符的数量,并输出(c/c++实现)...

    title: 输入一串字符串统计字符个数 localimage: image1 urlname: staticstringnum categories: summarytags: [writen, e ...

  10. deepin 输入法频繁重启,无法正常输入汉字解决方法

    deepin 输入法频繁重启,无法正常输入汉字解决方法: 方法一:彻底删除fcitx 并重新安装 1.直接卸载fcitx,但是输入法还是可以使用.因为没有卸载干净导致. sudo apt remove ...

最新文章

  1. 历史需要重写?AlexNet之前,早有算法完成计算机视觉四大挑战
  2. 京东与中国石化全面深化战略合作 涉及能源供应服务等
  3. WCF 第十二章 对等网 使用自定义绑定实现消息定向
  4. 服务器怎么修改sqlroot密码,mysql设置更改root密码、mysql服务器的连接、mysql常用命令的图解...
  5. static关键字作用总结
  6. Linux 杀死stuck线程,如何中断weblogic中stuck thread
  7. Oracle设置自增序列
  8. java中的锁有哪几种
  9. android apk很大,从Android Studio生成的Apk文件太大
  10. 迷你商城后端管理系统 ———— stage2 项目的核心代码实现
  11. mw325r 服务器无响应),新版水星(Mercury)MW325R拨不上号怎么办?【图解】
  12. ZIP压缩包下载总结
  13. SpringBoot+MongoDB GridFS文件上传、下载、预览实战
  14. 【深度学习】数据扩充 (Data Augmentation)
  15. 计算机配置中什么表示硬盘,电脑硬盘的分类介绍 硬盘中的Master和Slave代表什么意思...
  16. 揭露“番茄花园版”侵权物的本质
  17. @Compoment
  18. 量化评价和质化评价举例_什么是量化评价?什么是质性评价?两者各有哪些优缺点...
  19. 2021年1月全球最畅销智能手机排行榜出炉
  20. 基于javaweb+JSP+Servlet电影票售票管理系统

热门文章

  1. 用java模拟csma_CSMA/CD仿真的过程
  2. 利用Excel去除重复项
  3. ps证件照白底换蓝底_【插件】PS插件证件照V2.0一键裁剪排版磨皮换装换底色软件2020Mac/Win完整版...
  4. 汇率实时行情查询接口
  5. Linu安装MySQL
  6. 选用数显仪表要注意的问题
  7. C# OpenCvSharp 连通区域最小衔接矩形+最小标注信息(minx,miny,Width,Height)
  8. 宁皓网ninghao.net这个人的教程不错
  9. Apache-Flink深度解析-JOIN-LATERAL-Time Interval(Time-windowed)
  10. 网页版php手机端怎么转wap页,【原创文章】介绍一个手机浏览器中ecshop WAP版和PC版自由切换的方法...