文本框字符串长度实时统计jQuery插件，兼容IE6+

效果如图：

/** ====== 字符串长度实时统计插件 =====*  author: Jim* version: 2.0 | 2013.12.18* =================================
*/

;(function($){$.fn.extend({// 回调函数在字符串长度统计完成后触发，this指向应用该插件的DOM元素，实参是统计得到的字符串长度；sumOfChars: function (options, callback) {    var settings = $.extend({eType: 'input',    // 事件类型  (ps：测试发现'input'事件在IE9下使用退格键删减内容时竟然不能触发！)isByte: true       // 统计的长度类型, true表示统计字节(一个汉字两个字节)长度; false表示统计字符长度; }, options || {});// 当调用该插件时实参仅包含回调函数：typeof arguments[0] === 'function' && (callback = options);this.each(function(){var self = $(this),type = settings.eType;// 'on'是jQuery 1.7+ 才有的方法
                    self.on(type, _handler).triggerHandler(type);type === 'input' && self.on('propertychange', function(){   // IE 8-// 如果发生改变的属性不是value就退出if(!window.event || window.event.propertyName !== 'value') return;    // 避免循环调用$(this).off('propertychange', arguments.callee);_handler.apply(this);$(this).on('propertychange', arguments.callee);}).triggerHandler('propertychange');});// 长度统计function _count (str, b) {return b? str.replace(/[^\x00-\xff]/g, "aa").length : str.length;}// 事件处理程序function _handler (e) {var num = _count(this.value, settings.isByte);typeof callback === 'function' && callback.apply(this, [num]);}return this;    // 返回jQuery对象以使其链式操作得以持续
        }});}(jQuery));

使用示例：

$('#textCont').sumOfChars( function(n){// 这里的this指向#textCont$('#showleng').text(n);} );

转载于:https://www.cnblogs.com/MyNameIsJim/p/3475871.html

文本框字符串长度实时统计jQuery插件，兼容IE6+相关推荐

java如何设置文本框提示_[Java教程]一个友好的文本框内显示提示语 jquery 插件
[Java教程]一个友好的文本框内显示提示语 jquery 插件 0 2014-08-08 18:01:25 插件实现文本框内默认显示提示语,当文本框获得焦点时提示语消失. 如果没有输入或输入为空则失 ...
java 限制文本框长度_java中限制文本框输入长度的显示（转载）
我最近在网上看到一篇文章很不错,对于限制文本框输入长度的显示很方便 JAVA不像C#能够有maxLength这个属性对文本框的输入长度进行控制,但也是有办法实现相应的功能的. 写一个MyDocumen ...
input 模糊匹配功能文本框模糊匹配(纯html+jquery简单实现) demo
input 模糊匹配功能文本框模糊匹配(纯html+jquery简单实现) demo <!DOCTYPE HTML> <html lang="en"> & ...
JS实时检测文本框内容长度
通过js代码实时监测,文本框内容的变化以及长度,下图是一个实际使用场景. HTML部分: <input id="Text1" type="text" οn ...
php文本框限制字节,js限制文本框输入长度两种限制方式(长度、字节数)_基础知识...
功能/特点: 1.实时显示可输入的字数(字节数) 2.两种限制方式(长度.字节数) 3.中文输入法下可正常使用,无BUG 4.同一页面可以使用多个,相互不干扰 limit.js function li ...
文本框输入即时Ajax搜索,JQuery+AJAX实现搜索文本框的输入提示功能
平时使用谷歌搜索的时候发现只要在文本框里输入部分单词或字母,下面马上会弹出一个相关信息的内容框可供选择.感觉这个功能有较好的用户体验,所以也想在自己的网站上加上这种输入提示框. 实现的原理其实很简单, ...
ajax onclick() 获取最新输入的文本框的值,如何从jQuery onclick函数的Ajax函数中获取值？...
我有一个按钮,当我点击它时,它会从我的数据库中获取数据,并根据ID将其显示在我的文本区域中.如何从jQuery onclick函数的Ajax函数中获取值? JQuery的 $('#verifyBtn' ...
【jQuery】兼容IE6的图表插件Highcharts
在网页中有时候需要画出统计图,尤其是一些OA系统中,这样能够给各位看官一个直观的数据显示.图表用很多东西都能画出来,比如JSP可以利用JAVA本身就有的绘图函数,php有jpgraph插件,具体请看& ...
jq实现文字个数限制_jQuery插件InputLimitor实现文本框输入限制字数统计
点我查看InputLimitor在线演示使用说明需要使用jQuery库文件和InputLimitor库文件 http://jquery.com/ http://plugins.jquery.com ...

文本框字符串长度实时统计jQuery插件，兼容IE6+

文本框字符串长度实时统计jQuery插件，兼容IE6+相关推荐

最新文章

热门文章