Miten tarkistaa suurta kirjainta asetettu

Opit, miten JavaScriptillä voidaan tarkistaa, onko suurta kirjainta asetettu syötekenttään.

Tarkista, onko suurta kirjainta asetettu

Yritä painaa "Caps Lock"-näppäintä syötekenttään:

VAROITUS! Caps lock on päällä.

Esimerkki

// Hae syöte kenttä
var input = document.getElementById("myInput");
// Hae varoitus teksti
var text = document.getElementById("text");
// Kun käyttäjä painaa mitä tahansa näppäintä näppäimistöllä, suorita tämä funktio
input.addEventListener("keyup", function(event) {
  // Jos "Caps Lock" on painettu, näytä varoitus teksti
  if (event.getModifierState("CapsLock")) {
    text.style.display = "block";
  } else {
    text.style.display = "none"
  }
);

Kokeile itse

Liittyvät sivut

Viittauskirja:MouseEvent getModifierState() metodi