有没有办法知道在网页中是否按下了CAPS LOCK?

时间:2014-02-17 02:40:21

标签: javascript html capslock

我想提醒用户他们按下了大写锁定。
我使用的是HTML / HTML5,没有Java(小程序),也没有使用Flash 有没有办法知道这个?

1 个答案:

答案 0 :(得分:1)

我不认为它可以在HTML中使用,但你可以使用JavaScript的onKeyPress事件。


例:     

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))
      document.getElementById('divMayus').style.visibility = 'visible';
   else
      document.getElementById('divMayus').style.visibility = 'hidden';  
}

</script>


HTML:

<input type="password" name="txtPassword" onkeypress="capLock(event)" />
<div id="divMayus" style="visibility:hidden">Caps Lock is on.</div>