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.

<dfn> Logische Auszeichnung

CSS - Die Schriftgröße je nach Fensterbreite automatisch anpassen

PHP - CSS-Boxen mit PHP erstellen

JavaScript - Falsche Zahleneingabe ändern

MySQL - Das Alter von Personen ermitteln