Detekcja CapsLock w JS
Formularze na stronie internetowej czasem potrafią nieźle namieszać w danych od użytkownika. To za sprawą przypadkowo, lub nie, wciśniętego klawisza „caps lock”. Jak się przed tym zabezpieczyć?
Łukasz
Podziel się artykułem:
Na początek kod HTML:
<input type="password" name="password" id="password" />
<div class="message"></div>Obsługa klawisza „caps lock” w JavaScript:
const password = document.querySelector('#password');
const message = document.querySelector('.message');
password.addEventListener('keyup', function (e) {
if (e.getModifierState('CapsLock')) {
message.textContent = 'Caps lock is on';
} else {
message.textContent = '';
}
});To wszystko. Użytkownik zostanie poinformowany o włączonym klawiszu.
Przeczytaj także
Bezpieczeństwo w kodzie JavaScript?
Bezpieczeństwo kodu JavaScript to zasady takie jak autoryzacja i uwierzytelnianie, a także skuteczne mechanizmy szyfrowania danych.
Dodanie unikalnych elementów do tablicy
Lista elementów na stronie wymaga niekiedy przechowywania ich w tablicy z racji ilości danych. Może oczywiście zdarzyć się tak, że elementy będą się powtarzać, lub użytkownik będzie miał możliwość dodawania własnych.
Package.json – co to jest i z czego się składa?
Plik package.json jest podstawą systemu Node.js, który zawiera kompletne informacje na temat projektu. Od nazwy projektu, przez warunki licencyjne, aż po użyte pakiety potrzebne do zbudowania działającej wersji projektu.