Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter
Discussion :
Lier un champ de texte à un boutton pour déclencher le boutton avec 'Enter'
Bonjour,
J'ai un champ de texte et un boutton. Le boutton déclenche une fonction javascript qui récupère le contenu du champ de texte pour faire son traitement.
Je voudrais que si l'utilisateur appui sur 'Enter' alors que le focus est sur le champ de texte, ça déclenche le boutton (comme pour un vrai formulaire en somme).
Existe-t-il un moyen simple de faire ça ?
merci d'avance
Faldor
Salut,
Via Javascript :
Il me semble...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
2onKeyPress="if (event.keyCode == 13) mafonction();"
Edit : A mettre dans la balise <body>
Pensez à utiliser les ressources disponibles en Dev. Web :
(x)HTML : Cours (X)HTML / FAQ (X)HTML
CSS : Cours CSS / FAQ CSS / Galerie CSS
Javascript : Cours / FAQ / Sources
Mon site : Développeur Web Freelance
Hum... je n'ai pas précisé mais j'ai 2 "formulaires" dans le même cas qui appellent 2 fonctions différentes. Il ne faut donc pas que le 'Enter' soit repéré tout le temps, mais seulement quand le focus est sur l'un ou l'autre des champs de texte...
Cela dit, maintenant que j'y réfléchis, c'est sans doute adaptable avec une condition qui regarde si l'un ou l'autre des champs a le focus
Merci donc ! ^^ Je testerai ça demain
Faldor
renvoie l'élément d'où vient l'événement à ta fonction...
Code : Sélectionner tout - Visualiser dans une fenêtre à part document.getElementById('ton_input').onKeyPress="if (event.keyCode == 13) mafonction(this);"
Pas de question technique par MP !
En effet, ça marche et c'est encore mieux
En fait on peut carrement mettre onKeyPress directement dans la balise <input [...] onKeyPress="[...]"> je suppose que c'est un poil plus performant...
merci
Faldor
C'est effectivement possible, cependant, je ne suis pas persuadé que cela soit plus performant, par contre, la tendance actuelle est plutôt de séparer le contenu (html), la forme (css) et le comportement (javascript)...
Répondre avec citation
Partager