Forum PHP.pl > Stan klawisza CapsLock

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

ActivePlayer

26.08.2005, 08:03:50

Czy istnieje możliwość za pomocą javascriptu, pobrać stan klawisza CapsLock? Chcialbym wyswietlic alert podczas wpisywania, jesli caps jest włączony.

NuLL

26.08.2005, 08:13:45

Łatwiej na żywo zmieniejszać czcionkę. Możliwe, żę da sie sprawdzić, ale nie we wszystkich browserach. W JS mozna sprawdzic kod nacisnietego klawisza. Niestety np. Opera nie zwraca kodow klawiszy ponad strzalkami ( moze sie zmienilo ) czy wlasnie Caps Locka.

Tak więc bezpieczniej jest robic strtolower realtime podczas wpisywania

nospor

26.08.2005, 08:13:46

google wie wszystko

:
http://www.ozoneasylum.com/26322 - tu ma czesciowe rozwiązanie. Gdy gostek pisze duzymi literami, a nie jest wcisniety shift, znaczy ze capslock

http://www.howtocreate.co.uk/jslibs/htmlhigh/capsDetect.html - a tu coś jest innego
nie testowalem. Jak cos sklecisz co bedzie dzialalo to rzuc to na forum. Może się przydac

ActivePlayer

26.08.2005, 08:34:58

Cytat

Łatwiej na żywo zmieniejszać czcionkę. Możliwe, żę da sie sprawdzić, ale nie we wszystkich browserach.

Tylko że chodzi o to, aby passwordy byly case sensitive... a ten alert to cos a'la windowsowy przy logowaniu

---

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en_US" xml:lang="en_US">
<head>
<title> </title>
<script type="text/javascript">
 
function capsError( capsEngaged ) {
   if( capsEngaged ) {
      documetn.getElementById('warning').style.display = 'block';
   } else {
      documetn.getElementById('warning').style.display = 'none';
   }
}
 
function capsDetect( e ) {
   if( !e ) { e = window.event; } if( !e ) { MWJ_say_Caps( false ); return; }
   var theKey = e.which ? e.which : ( e.keyCode ? e.keyCode : ( e.charCode ? e.charCode : 0 ) );
   var theShift = e.shiftKey || ( e.modifiers && ( e.modifiers & 4 ) ); //bitWise AND
   MWJ_say_Caps( ( theKey > 64 && theKey < 91 && !theShift ) || ( theKey > 96 && theKey < 123 && theShift ) );
}
 
function MWJ_say_Caps( oC ) {
 
       if( oC ) { 
           document.getElementById('warning').style.display = 'block';
       } else { 
           document.getElementById('warning').style.display = 'none';
        }
}
</script>
</head>
<body>
    <input type="text" onkeypress="capsDetect(arguments[0]);"><div id="warning" style="display: none;">Uwaga ! Caps lock jest włączony.</div> 
</body>
</html>
[HTML] pobierz, plaintext

w FF i IE działa. Dziekuje.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.