javascript - Web ページで CapsLock が押されているかどうかを知る方法はありますか?

Question

caps-lock が押されていることをユーザーに警告したいと思います。
Java (アプレット) も Flash も使用していない HTML/HTML5 を使用しています。
それを知る方法はありますか？

Answer 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>