Countable.js 实时统计文本框里面的字数段落和字符 - 文章教程

Countable.js 实时统计文本框里面的字数段落和字符

发布于 2018-08-15 字数 1972 浏览 1473 评论 0

Countable.js 是一个实时统计一个多行文本框里面有多少段落和字数的 JavaScript 函数,他不依赖任何框架或者脚本,使用方便,在很多地方都在使用他。

Countable.js 实时统计文本框里面的字数段落和字符

安装 Countable.js

安装的首选方法是使用 bower 安装

bower install Countable

当然您也可以下载最新版本的 zip 压缩包,或者是复制源代码到您的项目中。

使用Countable.js

Countable.js 的使用非常简单和易用,您可以在您的项目中使用 Countable.live() 或者 Countable.once() 方法,接收一个或多个 HTML 元素和一个回调函数,一个或这是多个 HTML 函数为统计数据显示的标签元素。

1、可用的方法

调用 Countable.live() 函数

var area = document.getElementById('area')
Countable.live(area, function (counter) {
  console.log(counter)
})

从一个元素中删除绑定的 Countable.live() 方法可以使用die函数

Countable.die(area)

还有一种情况,您只想显示一个元素的字数,例如您想在您的博客中显示文章的字数,您可以使用 Countable.once() 方法

Countable.once(area, function (counter) {
  console.log(counter)
})

Countable.js 还提供了方法检测上面的方法是否成功执行了,可以使用 Countable.enabled() 方法

Countable.enabled(area)

2、调用参数

Countable.live()Countable.once() 接收一个或 3 个参数和一个回调函数,允许您改变统计的方式

{
  hardReturns: false,
  stripTags: false
}
  • 默认情况下,Countable.js 认为一个换行就是一个段落,当然您也可以指定 hardReturnstrue,规定两个换行为一个段落。
  • HTML 标签可能不能算作文章的内容,如果你想要一起统计,那么将 stripTags 设置为 true 即可实现。

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

佚名

文章 0 评论 0

文江

文章 0 评论 0

2012013325

文章 0 评论 0

女中豪杰

文章 2 评论 0