11540 sujets

JavaScript, DOM et API Web HTML5

[Résolu] Evenement sur tabulation ?

Bonjour, j'utilise un évènement onBlur sur un champ input
Donc, dès que je clique sur la souris en quittant le champ,
le onBlur fonctionne
Mais si j'utilise la touche tab, cela ne marche pas ...
alors que tab fait changer de champ dans un formulaire ...
Comment intégrer cette action sur la même commande que onBlur ?
Merci de votre expertise
Olivier
Hello,

tu peux écouter plusieurs évènements : le blur & le keypress. Pour le keypress tu vérifie si la touche est bien TAB & tu fais ton action.

Ju
Bonjour,

Je viens de faire le teste et comme il me semblait c'est pris automatiquement en compte, la perte de focus


<!DOCTYPE html> 
<html>
<head>
  <title>Untitled</title>
   <meta charset="utf-8">
  <script>
   window.onload =function(){
    document.getElementById('alerttext').onblur=function(){alert("bam");};
   }</script>
</head>
<body>
   <form id="formulaire" action="" method="get" onsubmit="return false;">
    <input id="alerttext" name="alerttext" type="text" value="test" />
    <input id="alerttext2" name="alerttext" type="text" value="test2" />
    <input name="boutton" type="submit" value="Envoyer">
   </form>
</body>
</html>


Le onblur s'éxécute bien à la perte de focus, peut importe l'événement, il n'y aurait pas une erreur js qui vient bloquer votre script.

Bonne journée
Impossible de prendre ton script en défaut !
C'est comme ça que le mien fonctionne AUSSI ...(j'ai repris un extrait de mon code)
Pourtant, j'aurais juré que ... 
<!DOCTYPE html> 
<html>
<head>
	<title>Untitled</title>
	<meta charset="utf-8">
	<script>
		window.onload =function(){
			document.getElementById('alerttext').onblur=function(){alert("bam");};
		}
		function Valider(Texte){
			alert("bim"+Texte);
		}
	</script>
</head>
<body>
   <form id="formulaire" action="" method="get" onsubmit="return false;">
    <input id="alerttext" name="alerttext" type="text" value="test" />
    <input id="alerttext2" name="alerttext" type="text" value="test2" />

    <input id="alerttext3" name="alerttext" type="text" value="test3" onBlur="Valider('alerttext3')" />
    <input id="alerttext4" name="alerttext" type="text" value="test4" onBlur="Valider('alerttext4')" />

    <input name="boutton" type="submit" value="Envoyer">
   </form>
</body>
</html>

le problème est ailleurs ...
et comme la fonction effectue un réadressage, pas facile à débugger ...
Merci
Oliver
Bonjour, chez moi ta page fonctionne sous ie8 et firefox 20, il n'y a bien qu'en quittant "#alerttext2" que rien ne se passe car il n'y a pas de fonction dessus.

bonne journée
Sujet clos
Aller à