javascript检查键盘是否已经按下caps lock键

  javascript检查输入时是否已经按下caps lock键或者按下按下shift键,输入状态为大写输入状态。

  注意:需要使用keypress事件,不能使用keyup或者keydown事件,这样获取到的keyCode都是大写状态下的keyCode。使用keypress时,firefox需要使用which属性,不能使用keyCode,此时keyCode为0。

  测试代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD html 4.0 Transitional//EN">
<html>
<head>
<title>javascript检查键盘是否已经按下caps lock键</title>
<script>
    function detectCapsLock(e) {
        var isShift = e.shiftKey; //shift键是否按住
        var keyCode = e.keyCode || e.which;
        document.title=keyCode+"|"+isShift
        if (((keyCode >= 65 && keyCode <= 90) && !isShift) // CapsLock打开,没有按住shift键
        || ((keyCode >= 97 && keyCode <= 122) && isShift)) // CapsLock打开,按住shift键
            document.getElementById('capStatus').style.visibility = 'visible';
        else
            document.getElementById('capStatus').style.visibility = 'hidden';
    }
</script>
</head>
<body>
输入字母进行检查
<input  type ="text"  onkeypress ="detectCapsLock(event)"   />
<div  id ="capStatus"  style ="visibility:hidden"><font  color =red>caps lock键按下 <font></div>
</body>
</html>

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:javascript检查键盘是否已经按下caps lock键

评论(0)Web开发网
阅读(147)喜欢(0)JavaScript/Ajax开发技巧