Tester si un input a le focus sans onFocus

**Prue** · 29/11/2005, 16h20

Bonjour à tous !

J'ai un input de type text et j'ai besoin de tester s'il a le focus dans un script.
J'ai essayé ces formules dans une fonction mais aucune ne fonctionne.

Code :

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

if (document.getElementById('TextboxSicovam').focus == true)

Code :

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

if (document.getElementById('TextboxSicovam').focus)

Code :

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

if (document.getElementById('TextboxSicovam').Focus == true)

Code :

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

if (document.getElementById('TextboxSicovam').Focus)

Code :

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

if (document.getElementById('TextboxSicovam').onFocus == true)

Code :

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

if (document.getElementById('TextboxSicovam').onFocus)

Le getElementById fonctionne, je l'ai testé.

Merci d'avance pour votre aide.

**SpaceFrog** · 29/11/2005, 16h31

le test gotfocus ne s'applique qu'aux input text ?

**jak0** · 29/11/2005, 16h32

Si tu n'arrive pas à tester qui a le focus, la solution la plus évidente c'est d'assigner à un champ hidden l'identifiant du input qui a le focus.
Exemple :

Code :

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

1
2
3
<input type="text" id="text1" onfocus="document.getElementById('focuser').value='text1';" />
<input type="text" id="text2" onfocus="document.getElementById('focuser').value='text2';" />
<input type="hidden" id="focuser" value="" />

Et pour ne pas avoir d'erreur sur d'éventuel test avant que l'un ou l'autre n'ai eu le focus, tu peut le forcer à l'aide de :

Code :

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

<body ... onload="document.getElementById('text1').focus();">

Ou alors de faire le test avant d'essayer d'utiliser la valeur du focuser (vide au lancement).

Nota : Il me semble quand même que tu devrais pouvoir tester le focus...
Mais c'est peut-être plus pratique encore comme je t'ai dis !!

**SpaceFrog** · 29/11/2005, 16h35

il faut en fait assigner une fonction dynamiquement aux objets pour lesquels tu souhaites tester le focus et tu assignes la focntion sur le onfocus de l'objet...
la fonction vient modifier une variable publique, il ne restera plus qu'a regarder ce que contient la variable publique pour savoir quel objet à le focus ..

**Prue** · 29/11/2005, 16h45

Alors la raison pour laquelle je ne peux pas utiliser de onFocus (ce qui me faciliterait bien les choses) c'est que mon input est enfait un contrôle DTC ASP. Je ne peux pas changer son code.
A l'arrivée c'est bien un INPUT et je peux le manipuler comme tel avec du javascript mais je ne peux pas me servir des évènements.

**SpaceFrog** · 29/11/2005, 16h50

qui t'empèche de rajouter une focntion javascript qui assigne aux evenement onfocus de tes objets une fonction ??

**Prue** · 29/11/2005, 16h51

Mais ça se fait comment si c'est pas dans les balises INPUT ?

**SpaceFrog** · 29/11/2005, 16h56

sur quel types d'objets as tu besoin de faire le test ?

**Prue** · 29/11/2005, 16h59

A l'arrivée c'est un input de type text.

**SpaceFrog** · 29/11/2005, 17h05

un seul ?
il a un id ?
un name et un incide de name ?

**Prue** · 29/11/2005, 17h08

Un seul. Son name et son ID son le même "TextboxSicovam".

**SpaceFrog** · 29/11/2005, 17h14

Code :

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

1
2
3
4
5
6
7
8
9
<script type='text/javascript'>
var Focused=false
function GotFocus(Obj){
document.getElementById('TextboxSicovam').setAttribute('onfocus',function(){Focused=true;})
document.getElementById('TextboxSicovam').onfocus=function(){Focused=true;})
document.getElementById('TextboxSicovam').setAttribute('onblur',function(){Focused=false;})
document.getElementById('TextboxSicovam').onblur=function(){Focused=false;})
}
</script>

puis dans le onload du body :

Code :

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

<body onload="GotFocus">

ensuite il ne te reste plus qu'a tester Focused

**Prue** · 29/11/2005, 17h32

Ca ne fonctionne pas

Mais il y a un truc que je ne pige pas.

Code :

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

document.getElementById('TextboxSicovam').setAttribute('onfocus',function(){Focused=true;})

affecte à la propriété onfocus de l'input une fonction qui met la variable Focused à true.
Alors à quoi sert cette ligne ?

Code :

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

document.getElementById('TextboxSicovam').onfocus=function(){Focused=true;})

**SpaceFrog** · 29/11/2005, 17h40

qu'est ce qui ne fonctionne pas...

tout ce que doit faire la focntion est d'attribuer aux onfocus et onblur de l'input une fonction javascript qui modifie une variable globale ...

ensuite à toi de tester le variable dans le code quand tu en as besoin ...

le doublement de l'attibution c'est pour que cela focntionne aussi bien sur ffx que sur IE ...

**Prue** · 29/11/2005, 18h07

En fait si c'est bon ça marche ^^
C'était mon autre fonction qui teste le Focused qui était mal arrangée.

mon héros

Tester si un input a le focus sans onFocus

JavaScript

Vue hybride

Discussions similaires

Partager

Partager