html选择按键点击后锁死输入框_发布一个jquery插件--在Web下输入密码时提示大写锁定键(2012-05-03 10:20最后修改)...

//=============== 大写锁定键打开提示 ============================================///*使用：$("#txtPWD").capsLockTip(); //注意不要将些代码加在$(document).ready()里面。*/(function($) {

$.fn.extend({

capsLockTip:function() {return this.each(function() {//创建对象实例并保存。

//获取实例对象：var api = $("#txtPWD").data("txtPWD");

var ins = new $.CapsLockTip($(this));

$(this).data(this.id, ins);

});

}

});//创建一个实例。

//___target jq目标对象。

//___divTipID 显示提示文本的div。

$.CapsLockTip = function(___target) {//设置当前实例的配置参数。

this.target =___target;var _this = this;

$(document).ready(function() {

_this.target.bind("keypress", function(_event) {var e = _event ||window.event;var kc = e.keyCode ||e.which;var isShift = e.shiftKey || (kc == 16) || false;

$.fn.capsLockTip.capsLockActived= false;if ((kc >= 65 && kc <= 90 && !isShift) || (kc >= 97 && kc <= 122 &&isShift))

$.fn.capsLockTip.capsLockActived= true;

_this.showTips($.fn.capsLockTip.capsLockActived);

});

_this.target.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);

}

});

_this.target.bind("focus", function(_event) {if (null !=$.fn.capsLockTip.capsLockActived)

_this.showTips($.fn.capsLockTip.capsLockActived);

});

_this.target.bind("blur", function(_event) {

_this.showTips(false);

});

});//创建显示大写锁定的div。

this.createTooltip = function(){if(null !=$.fn.capsLockTip.divTip)return$.fn.capsLockTip.divTip;

$("body").append("

大写锁定已打开

");

$.fn.capsLockTip.divTip= $("#divTip__985124855558842555");return$.fn.capsLockTip.divTip;

};//显示或隐藏大写锁定提示。

this.showTips = function(display) {var divTip =_this.createTooltip();if(display) {var offset =_this.target.offset();

divTip.css("left", offset.left + "px");

divTip.css("top", offset.top + _this.target[0].offsetHeight + 3 + "px");

divTip.show();

}else{

divTip.hide();

}

};//jq控件公用静态对象。

//提示框。

$.fn.capsLockTip.divTip = null;//大写锁定键状态

$.fn.capsLockTip.capsLockActived = null;

};

})(jQuery);