方法-CapsLockを検出する
JavaScriptを使用して入力フィールド内でcapslockがオンになっているかどうかを確認する方法を学びます。
CapsLockがオンになっているかどうかを検出します
入力フィールド内の「CapsLock」キーを押してみてください。
警告!CapsLockがオンになっています。
例
// Get the input field
var input = document.getElementById("myInput");
// Get the warning text
var text = document.getElementById("text");
// When the user presses any key on the keyboard, run the function
input.addEventListener("keyup", function(event) {
// If "caps
lock" is pressed, display the warning text
if (event.getModifierState("CapsLock"))
{
text.style.display = "block";
} else {
text.style.display = "none"
}
});
ヒント:JavaScriptイベントリファレンス-getModifierState()でgetModifierState()メソッドの詳細をお読みください。