javascript - jquery 无法检测大写锁定的打开和关闭以及按键是大写还是小写

Question

这个问题已经有答案了:

How do you tell if caps lock is on using JavaScript? (31 个回答)

已关闭 9 年前。

我有 2 个挑战，

1. 在页面加载时，我想显示一条警告，指出“大写字母已打开”。

2. 用户仍然按 Shift + 键或 Caps on + 键 - 我想通过错误。

我在google上搜索并找到了解决方案，但它不起作用。有人可以帮我解决这个问题吗？请使用大写锁定开/关刷新页面以获取当前状态。没有任何效果。

这是我从谷歌搜索得到的函数:

function capLock(e){
 kc = e.keyCode?e.keyCode:e.which;
 sk = e.shiftKey?e.shiftKey:((kc == 16)?true:false);
 if(((kc >= 65 && kc <= 90) && !sk)||((kc >= 97 && kc <= 122) && sk))
  console.log('caps lock on')
 else
  console.log('caps lock off');
}

$('#password').on('keypress', function(e){
    capLock(e.which)
})

online demo

Answer 1

实际上，您在调用 capLock 函数时传递的是 e.which 而不是 e。

试试这个:在调用 capLock 函数时仅传递事件 e。

$('#password').on('keypress', function(e){
    capLock(e);
})

Working JSFiddle