<input type="password" id="password" name="password" />
<span id="pawClId" style="color:red;display:none;">大写锁定键打开,请注意大小写!</span>
<script type="text/javascript">
document.getElementById('password').onkeypress = detectCapsLock;
function detectCapsLock(event){
let e = event;
// keyCode
let keyCode = e.keyCode || e.which;
// 是否按住shift键
let isShift = e.shiftKey || (keyCode === 16) || false;
// Caps Lock 打开,且没有按住shift键 || Caps Lock 打开,且按住shift键
if (((keyCode >= 65 && keyCode <= 90) && !isShift)
|| ((keyCode >= 97 && keyCode <= 122) && isShift)
) {
document.getElementById('pawClId').style.display = '';
}
else {
document.getElementById('pawClId').style.display = 'none';
}
}
</script>