请知悉：本文最近一次更新为 11年 前，文中内容可能已经过时。
直接上模块后的jQuery插件的代码：
define(function (require, exports, moudles) {
return function (jQuery) {
/*这里直接贴jQuery插件的代码即可,如下就是一个例子*/
(function ($) {
/*Caps Lock 插件
$(".pass").capsLockTip();*/
$.fn.extend({
capsLockTip: function (divTipID) {
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);
var pass = $('.pass').val();
if (pass.length < 8 || pass.length > 16) {
$(this).addClass('error');
$('.pass-error').css('display', 'block');
$('.pass-error')[0].innerHTML = '请输入正确的密码';
}
});
});
//显示或隐藏大写锁定提示。
this.showTips = function (display) {
if (display) {
$('.pass').addClass('capslock');
$('.pass-error').css('display', 'block');
$('.pass-error').css('color', '#888');
$('.pass-error')[0].innerHTML = '键盘大写锁定已启动，请注意！';
}else {
$('.pass').removeClass('capslock');
$('.pass-error').css('display', 'none');
$('.pass-error').css('color', '#fc6162');
}
};
//jq控件公用静态对象。
//大写锁定键状态
$.fn.capsLockTip.capsLockActived = null;
};
})(jQuery);
}
});上面的代码是我按需要修改的一个插件的代码，模块化后，其他模块调用方法如下：
require('./checkcapslock')($);
$(".pass").capsLockTip();如您从本文得到了有价值的信息或帮助，请考虑扫描文末二维码捐赠和鼓励。
如本文对您有用，捐赠和留言 将是对我最好的支持~（捐赠可转为站内积分）
如愿意，请向朋友推荐本站，谢谢。
尊重他人劳动成果。转载请务必附上原文链接，我将感激不尽。
留言