发布一个在Web下输入密码时提示大写锁定键的Jquery插件

功能介绍：
在Web下输入密码时提示大写锁定键，封装成jq插件方便有需要的同学！
使用：
$("#txtPWD").capsLockTip();
截图预览：

代码(2012-05-03 10:20最后修改)：
1. 使用公用静态对象，使多个密码框共享状态。
2. 增加focus 和 blur事件，提示更方便及时。
3. 优化代码。
4. 使用：$("#txtPWD").capsLockTip(); //注意不要将些代码加在$(document).ready()里面。
5. 修正页面在Post后插件失效。

//=============== 大写锁定键打开提示 ============================================//

/*

使用：$("#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("<div id='divTip__985124855558842555' style='100px; height:15px; padding-top:3px; display:none; position:absolute; z-index:9999999999999; text-align:center; color:Red; font-size:12px; border:solid 1px #DBC492; border-bottom-color:#B49366; border-right-color:#B49366;'>大写锁定已打开</div>");

 $.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);