jquery统计字数的小功能

微博上都有统计字数的功能,其实jquery可以很简单实现了,如下,变一下就成减了,即还剩多少个字,例子是加法:
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/
1.4.4/jquery.min.js"></script>
<title>Jquery live character count meter</title>
<script type="text/javascript">
$(document).ready(function() {
$(".counter").text("0 Characters");
});

$(document).keyup(function() {
var text=$(".text_field").val();
var counter=text.length;
$(".counter").text(counter+" Characters");
});
</script>
<style type="text/css">
body{
margin:350px;
}

.counter{
font-weight:bold;
color:green; android版记账本
}

.text_field{
border:solid #333333 2px;
width:400px;
}
</style>
</head>
<body>
<h1>Jquery live character count meter</h1>
<div class="counter"></div>
<textarea class="text_field"></textarea>
</body>
</html>

转载于:https://www.cnblogs.com/ctou45/archive/2011/06/24/2089158.html

jquery统计字数的小功能相关推荐

统计字数的小程序（1）
读取输入的的字符并报告其中的字符.单词以及行数. c primer plus 7.7 1 #include<stdio.h> 2 #include<stdbool.h> 3 # ...
微信小程序（上传照片功能、统计字数功能）
微信小程序仿淘宝申请界面中的"申请描述" 效果图:(上传照片功能.统计字数功能) .wxml : <view class="apply-describe" ...
hexo 博客小功能添加-评论、相册、字数统计...
前言前段时间个人博客全新上线(阿里域名+GitPages+hexo+Yelee) 搭建的博客我的博客,基础的功能已经实现了,想着既然有了自己的博客就要好好的维护(折腾)一下,于是便参考着别人的博 ...
hexo 博客小功能添加-评论、萌妹纸、相册、字数统计...
前言前段时间个人博客全新上线(阿里域名+GitPages+hexo+Yelee) 搭建的博客我的博客,基础的功能已经实现了,想着既然有了自己的博客就要好好的维护(折腾)一下,于是便参考着别人的博 ...
Latex/CTeX WinEdt7.0 连续查找替换功能 “如何统计字数”
ctrl+R 后选择替换所有,会跳出来一个对话框,让你确认每一处的相同的搜索词是否需要更换. 看图看图如图:菜单栏-搜索 --------------------------------分割线 - ...
python统计英文句子每个单词字数_Python实现的统计文章单词次数功能示例
本文实例讲述了Python实现的统计文章单词次数功能.分享给大家供大家参考,具体如下: 题目是这样的:你有一个目录,放了你一个月的日记,都是 txt,为了避免分词的问题,假设内容都是英文,请统计出你认 ...
python统计汉字字数_Python 统计字数的思路详解
问题描述: 用 Python 实现函数 count_words(),该函数输入字符串 s 和数字 n,返回 s 中 n 个出现频率最高的单词.返回值是一个元组列表,包含出现次数最高的 n 个单词及其次 ...
jquery thinkphp mysql_ThinkPHP5+jQuery+MySql如何实现投票功能
ThinkPHP5+jQuery+MySql如何实现投票功能发布时间:2020-12-30 10:03:21 来源:亿速云阅读:64 作者:小新这篇文章主要介绍了ThinkPHP5+jQuery ...
jquery ZeroClipboard实现黏贴板功能，兼容所有浏览器
两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...
任务清单小功能的实现（任务的增、删、改、查、存储）使用Vue实现
文章目录 1.实现的效果(视频演示) 2.重点讲解(编辑的实现) 2.1 提示(官网介绍nextTick的用法) 3.编辑功能的核心代码 4.完整的代码 5.以往练习任务清单案例(纯Vue) 实现的 ...

jquery统计字数的小功能

jquery统计字数的小功能相关推荐

最新文章

热门文章