编程 Javascript

Javascript实现字数统计

Posted in Javascript onJuly 03, 2015

字数统计功能，原理是给textarea添加onKeyup事件，事件读取textarea内容并获得长度，并赋值给统计字数的那个文本节点，这里有一点要注意的是添加onKeypress和onKeydown事件也能实现效果，但都有些不足，会在某些情况下造成误解，我都试了下，感觉只用一个onKeyup事件是最明智的选择。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试文件</title>
<script>
function cal_words(){
  var length = document.getElementById("test").value.length;
  document.getElementById("num").innerHTML = length;
}
</script>
</head>

<body>
<div class="reply">
 <textarea id="test" onKeyUp="cal_words()"></textarea>
 <div>字数：<span id="num">0</span></div>
</div>
</body>
</html>

以上所述就是本文的全部内容了，希望大家能够喜欢。

Javascript实现字数统计

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

解析arp病毒背后利用的Javascript技术附解密方法

Aug 06 Javascript

用JS剩余字数计算的代码

Jul 03 Javascript

javascript 动态修改样式和层叠样式表代码

Apr 27 Javascript

jQuery中animate动画第二次点击事件没反应

May 07 Javascript

javascript控制层显示或隐藏的方法

Jul 22 Javascript

JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容

Jun 12 Javascript

JS使用正则表达式获取小括号、中括号及花括号内容的方法示例

Jun 01 Javascript

js实现文件上传功能后台使用MultipartFile

Sep 08 Javascript

基于JavaScript canvas绘制贝塞尔曲线

Dec 25 Javascript

彻底揭秘keep-alive原理(小结)

May 05 Javascript

JavaScript实现烟花绽放动画效果

Aug 04 Javascript

浅谈node.js中间件有哪些类型

Apr 29 Javascript

JavaScript获取表格（table）当前行的值、删除行、增加行

Jul 03 #Javascript

jQuery中 delegate使用的问题

Jul 03 #Javascript

JavaScript实现select添加option

Jul 03 #Javascript

JavaScript定时器和优化的取消定时器方法

Jul 03 #Javascript

Javascript中的作用域和上下文深入理解

Jul 03 #Javascript

JavaScript访问字符串中单个字符的两种方法

Jul 03 #Javascript

JavaScript中解析JSON数据的三种方法

Jul 03 #Javascript