Come rilevare il blocco maiuscolo

Impara come utilizzare JavaScript per rilevare se il blocco maiuscolo è attivato nella casella di input.

Rilevare se il blocco maiuscolo è attivato

Prova a premere il tasto "Caps Lock" nella casella di input:

ATTENZIONE! Caps lock è attivato.

实例

// 获取输入字段
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"
  }
);

试一试亲自

Pagine correlate

Manuale di riferimento:Metodo getModifierState() di MouseEvent