Jquery 判断是否锁定大小写键插件

Jquery 判断是否锁定大小写键插件

?

/** * CapsLock * @since for example：$("#test").capsLockTip({width:"200px",text:"error"}); */(function($) {var curID = 0;//$.fn.extend({capsLockTip : function(options) {options = $.extend({}, $.CapsLockTip.defaults, options);return this.each(function() {new $.CapsLockTip($(this),options);});}});$.CapsLockTip = function(input,options) {// 设置当前实例的配置参数。var _this = this;var width=options.width;// 设置自动完成框的宽度width = width < $(input).width()?$(input).width():width;var $input = $(input).attr("curCapsLockId", curID++);var $div = $("#autocapsLock" + $input.attr("curCapsLockId")).length != 0 ? $("#autocapsLock"+ $input.attr("curCapsLockId")): $("<div/>").attr("id","autocapsLock" + $input.attr("curCapsLockId")).css({"padding-top" : "3px",position : "absolute","z-index" : "99999"}).css("width",width).css("left", $input.offset().left + "px").css("top", $input.offset().top + $input.offsetHeight + 3 + "px").appendTo("body").text(options.text).hide();if(!$div.attr("class")&&options.styleClass){$div.addClass(options.styleClass);}else{$div.css({color : "red","font-size" : "12px",border : "solid 1px #DBC492","border-bottom-color" : "#B49366","border-right-color" : "#B49366"});}$input.bind("keypress", function(_event) {var e = _event || window.event;var kc = e.keyCode || e.which;// 按键的keyCodevar isShift = e.shiftKey || (kc == 16) || false;// shift键是否按住$.fn.capsLockTip.capsLockActived = false;if ((kc >= 65 && kc <= 90 && !isShift)|| (kc >= 97 && kc <= 122 && isShift))$.fn.capsLockTip.capsLockActived = true;_this.showTips($.fn.capsLockTip.capsLockActived);});$input.bind("keydown",function(_event) {var e = _event || window.event;var kc = e.keyCode || e.which;if (kc == 20&& null != $.fn.capsLockTip.capsLockActived) {$.fn.capsLockTip.capsLockActived = !$.fn.capsLockTip.capsLockActived;_this.showTips($.fn.capsLockTip.capsLockActived);}});$input.bind("focus", function(_event) {if (null != $.fn.capsLockTip.capsLockActived)_this.showTips($.fn.capsLockTip.capsLockActived);});$input.bind("blur", function(_event) {_this.showTips(false);});//Show or hide the Caps Lock prompt.this.showTips = function(display) {if (display) {$div.show();} else {$div.hide();}};// Caps Lock key state$.fn.capsLockTip.capsLockActived = null;};$.CapsLockTip.defaults = {styleClass:"",//提示框样式class名称width:0,//提示框宽度text:"大写键已被锁定"//错误提示信息};})(jQuery);

1 楼 my249645546 2012-04-26 text-transform:uppercase; 大写
text-transform:lowercase; 小写

css一句话搞定的事情 弄得这么复杂 服了你了 2 楼 HappyWaterLife 2012-04-27 my249645546 写道text-transform:uppercase; 大写
text-transform:lowercase; 小写

css一句话搞定的事情 弄得这么复杂 服了你了
不是限定输入是否是大小写，而是判断是否锁定大小写键（Caps Lock键），做出友好提示。