Détecter "Caps Lock"

**Dakuan** · 02/09/2008, 17h07

Bonjour !

Voilà, je fais actuellement un formulaire de modification de mot de passe.
Afin de prévenir un risque d'erreur mais afin de laisser le main libre à l'utilisateur, je voudrais savoir s'il était possible de détecter si la touche "caps lock" est activée ?
Je désir en fait juste afficher un message si c'était le cas.

Voilà, merci beaucoup !

**le_chomeur** · 02/09/2008, 17h26

trouvé sur le net

:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script language="Javascript">
function capLock(e){
 kc = e.keyCode?e.keyCode:e.which;
 sk = e.shiftKey?e.shiftKey:((kc == 16)?true:false);
 if(((kc >= 65 && kc <= 90) && !sk)||((kc >= 97 && kc <= 122) && sk))
  document.getElementById('divMayus').style.visibility = 'visible';
 else
  document.getElementById('divMayus').style.visibility = 'hidden';
}
</script>
 
</head>
 
<body>
<SPAN><input type="password" name="txtPassword" onkeypress="capLock(event)" />
<SPAN><div id="divMayus" style="visibility:hidden">Caps Lock Activé.</div> 
</body>
</html>

source originale : http://www.codeproject.com/KB/script...Caps_Lock.aspx

**Dakuan** · 03/09/2008, 10h00

Ok merci bien !
J'avais cherché sur le web pourtant ... (très mal surement ^^')

Enfin, le code marche bien, et cela me convient ^^

Cependant, j'aurais voulu savoir si on pouvait faire autrement.
Je m'explique : là, on détecte à chaque caractère entré les caractères majuscules lorsque la touche "shift" n'est pas utilisée.
Cependant, peut-on détecter l'état de la touche "caps lock" directement ?
Ce qui pourrait être utile par exemple utilisé avec un "onLoad".
Ou bien de pouvoir afficher le message lorsque l'on a juste activé la touche "caps lock" sans encore avoir tapé un caractère.

Voilà, en tout cas, merci beaucoup pour la réponse

**le_chomeur** · 03/09/2008, 10h31

alors la réponse a la question => peut-on détecter la touche caps lock activée est non

les solutions permettant de vérifier si l'utilisateur est en majuscule est la seule solution a ma connaissance.

plusieurs cas de figure peuvent apparaitrent :

- l'utilisateur active le caps lock en dehors de ta page
- l'utilisateur reste enfoncé sur la touche shift.

il vaut donc mieux vérifier au moment de la saisie

**Dakuan** · 04/09/2008, 09h50

Ok, merci beaucoup le_chomeur

**Montmartrois** · 15/05/2017, 14h13

Il m'est arrivé quelquefois une chose embarrassante : commencer à taper mon mot de passe alors que j'étais toujours dans la case "login" ou pseudo !

Résultat : le mot de passe s'affiche en clair, ce qui peut être embêtant si il y a quelqu'un à côté de vous par exemple

donc j'ai eu l'idée de la protection suivante contre cette erreur :

la page a besoin de connaître la première lettre de votre password

si ce que vous commencez à taper comme login commence par cette lettre, alors elle n'affiche plus ce que vous tapez, ou elle affiche des points, ou un message d'erreur

ce dispositif serait mis en place automatiquement au moment de l'inscription

bien sûr il faudrait avertir les utilisateurs de ne pas faire commencer leur login et leur mdp par la même lettre/chiffre

que pensez-vous de mon idée et savez-vous si elle a déjà été implémentée quelque part ?

Détecter "Caps Lock"

JavaScript

Vue hybride

Discussions similaires

Partager

Partager