工作笔记---js和java共同完成大写锁定提示

1.初始化CapsLock状态。暂找不到js判断CapsLock状态的方法，于是只能想办法从java下手。引用：“JavaScript只提供对键盘的监听事件，它无法获取客户端硬件信息(IE下可以通过ActiveXObject对象获得)，更无法获得客户端硬件的状态，这是JavaScript语言的限制，所以它只能监听用户对键盘的响应事件，才能判断用户当前的按键是处于大小还是小写状态。目前网络上所有判断大小写都是监听用户的按钮才能得以判断”。

boolean isLock = java.awt.Toolkit.getDefaultToolkit().getLockingKeyState(java.awt.event.KeyEvent.VK_CAPS_LOCK); 注意：此方法在项目启动中重复调用返回的是初始化之前的CapsLock状态（true或false）。在mian方法中运行返回实际锁定状态。

2. js监听

var openIndex;

function show() {

openIndex = layer.tips('大写锁定：开', '.input-password', {

tips: [4, '#78BA32'],

time: 10000

});

}

function hide() {

layer.close(openIndex);

}

var isCapslockOn = execute("getCpasLockStatus", null);

function checkCapsLock_keydown(e) {

var keyCode = window.event ? e.keyCode : e.which;

if (keyCode == 20 && isCapslockOn == true){

isCapslockOn = false;

}else if (keyCode == 20 && isCapslockOn == false){

isCapslockOn = true;

}

}

function tip() {

if (isCapslockOn){

show();

}else{

hide();

}

}

$(document).keydown(checkCapsLock_keydown);

$("#input-password").keyup(tip).focus(function(){

if(isCapslockOn){

show();

}

}).blur(function () {

hide();

});

使用的layer弹出层插件。

3.最终

感谢以下文章：http://zhidao.baidu.com/link?url=RhaNVM2iaO4MaB7EeLav83tkcBkwkTISyHNBXM_L5zafKE3C5NdQfWgVLtPT9HdwAyos4ilzFoJmB0avbLpjra
http://www.dewen.net.cn/q/1762 http://www.jb51.net/article/32384.htm
http://layer.layui.com/api.html