JavaScript - Erkennen ob die Feststelltaste bei der Passworteingabe eingeschaltet ist


<style>

div#notiz {
 
font-familyArialVerdanaSans-Serif;
 
font-size0.90rem;
 
color#DD0000;
}
</
style>

<
input type="password" id="passwort" name="passwort" required="required">
<
div id="notiz"></div>

<
script>
// Erkennen ob die Feststelltaste bei der Passworteingabe eingeschaltet ist

const passwort document.querySelector('#passwort');
const 
notiz document.querySelector('#notiz');

passwort.addEventListener('keyup', function (e) {
 if (
e.getModifierState('CapsLock')) {
  
notiz.textContent 'Die Feststelltaste ist eingeschaltet!';
 }
 else {
  
notiz.textContent '';
 }
});
</
script>

Siehe auch: Passwort im Klartext anzeigen

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<nav> Navigationsbereich

CSS - Lightbox

PHP - Arithmetische Operatoren

JavaScript - Seite laden oder erneut laden

MySQL - Spalten-Durchschnitt ermitteln

Schneller Design Wechsel
Das Design von Webseiten ändert sich ca.1–2-mal pro Jahr. Um eine Umstellung zu erleichtern, empfiehlt sich eine externe CSS-Datei. Dort kann man für die ganze Homepage zum Beispiel eine andere Hintergrundfarbe in wenigen Sekunden ändern. Weitere Informationen wie man solch eine Datei erstellt finden Sie unter: CSS-Datei erstellen.