作者:http://www.cnblogs.com/mrhgw/archive/2012/04/21/2461566.html
功能介绍:
在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='width:100px; height:15px; padding-top:3px; display:none; position:absolute; z-index:9999999999999; text-align:center; background-color:#FDF6AA; 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);
相关推荐
用于在输入密码时,如果按了CapsLk键,会给出一个提示。
输入密码时检测大写是否锁定的js代码.docx
java web判断密码输入是否开启大写
主要对 已经激活input框的 大写锁定进行实时检测。 大写锁定已开启 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
输入密码检测大写是否锁定js实现代码.docx
电脑键盘大写锁定键capslock失灵该怎么解决?.docx
误按大写锁定键Win7发声及时提醒你.docx
资源为一个简单的登陆界面,大写监听绑定在密码输入的输入框上,使用浏览器打开login.html即可查看
汇编 从键盘输入一串英文字母,分别将其转换为大写、小写并输出,一个小程序 仅供初学者参考
C语言程序设计-将从键盘上输入的每个单词的第一个字母转换为大写字母,输入时各单词必须用空格隔开,用’.’结束输入; .c
易语言取大写键状态源码.zip
随意输入一个整数,可以输出对应的大写金额显示。 巧妙使用递归,实现转换功能。
输入一个字符,若是小写字母,转换成大写字母输出;若是大写字母,则转换成小写字母输出。
C#控制键盘按键(大小写按键,滚动按键,小键盘数字按键等)
小写转大写工具小写转大写工具小写转大写小写转大写工具工具小写转大写工具
从键盘输入一个字符串,将其中的小写字母全部转换成大写字母,然后输出到一个磁盘文件“test”中保存。输入的字符串以“!”结束.
一般用于密码输入时,提示用户键盘处于大写锁定状态。 要判断 shift 是否按下 判断输入字符是否为字母 shift 被按下且输入字符为小写字母,则键盘处于大写锁定状态 shift 没有被按下且输入字符为小写字母,则键盘...
直接安装后重,启电脑即可。大小写锁定在按键CapsLock后会在电脑直接提示。
金额大写转换(大写转换) 例如:输入“100”自动转换成大写的“壹佰”