Как проверить режим верхнего регистра

Узнайте, как с помощью JavaScript проверить, включен ли режим верхнего регистра в поле ввода.

Проверка включен ли режим верхнего регистра

Попробуйте нажать клавишу "Caps Lock" в поле ввода:

ВНИМАНИЕ! Включен режим верхнего регистра.

Пример

// Получить поле ввода
var input = document.getElementById("myInput");
// Получить текст предупреждения
var text = document.getElementById("text");
// При нажатии любой клавиши на клавиатуре выполнить эту функцию
input.addEventListener("keyup", function(event) {
  // Если нажата "Caps Lock", показать текст предупреждения
  if (event.getModifierState("CapsLock")) {
    text.style.display = "block";
  } else {
    text.style.display = "none"
  }
);

Пробуйте亲自

Соответствующие страницы

Руководство:Метод getModifierState() класса MouseEvent