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 Bausteinen (Codeschnipsel) aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<meter> Meter

CSS - Pflichtfeld hervorheben

PHP - Welcher Tag ist in X-Tagen

JavaScript - Countdown (3)

MySQL - Eintrag in der Tabelle löschen