JQuery统计输入和文本区域(代码共享)中输入的文本数量

主要介绍jQuery统计输入字符个数的方法，有需要的朋友可以参考一下。

HTML部分：

输入类型='text '值=' I是输入文本' maxlength=' 10 ' id=' detail 1 '/PS pan id=' detail 1 _ num ' 0/span/span 10/span/Ptextarea占位符='最多输入100个单词' row=' 3 ' maxlength=' 100 ' class=' editdetail ' id=' detail 2 '呵呵/textarepspan id=' detail 2 _ num ' 0/span/span 100/span/pjs部分：

$(function(){/*输入字数*//*刚加载页面时，先显示输入框的字数*/var text1=$('#detail1 ')。val()；var counter 1=text 1 . length；$('#detail1_num ')。文本(counter 1)；/*添加触发事件以动态计算输入框中的字数*/$ ('# detail1 ')。on('模糊键盘输入'，function () {var text=$ ('# detail1 ')。val()；var counter=text.length$('#detail1_num ')。文本(计数器)；});/* text area words */var text 2=$(' # detail 2 ')。val()；var counter 2=text 2 . length；$('#detail2_num ')。文本(counter 2)；$('#detail2 ')。on('模糊键盘输入'，function(){ var text=$('#detail2 ')。val()；var counter=text.length$('#detail2_num ')。文本(计数器)；});});效果图如下：

由于博主主要做移动终端开发，在移动终端测试开始时，输入单词会有一个输入框，在输入框中计算输入的单词时会出现错误，所以增加了一个输入事件，在输入框中输入时会计算(主要是输入拼音后确认汉字)。

希望对大家有帮助。

以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一些帮助，也希望多多支持我们！