[POO] Liste des évènements attachés à un élément html

**daronmaster** · 15/01/2009, 09h47

Bonjour,

il est facile d'attacher un nouvel évènement à une balise qu'il soit prédéfini (onclick, onload, onblur ...), ou bien créé par le concepteur du code avec une fonction JavaScript.

Je souhaiterai savoir s'il était possible de connaitre facilement l'ensemble des évènements attachés à une balise ? (chemin inverse)

Si je n'ai pas été assez clair, je répondrai à toutes questions que vous me poseriez.

Merci de vos réponses, et s'il vous plait n'hésitez pas à me répondre avec des phrases et bien entendu n'ayez pas peur de sortir l'artillerie lourde sur vos réponse

**SpaceFrog** · 15/01/2009, 10h04

le évènements associés varient en fonction de l'objet ... de son type ...

tu peux voir les propriétés ét évènements associés à un objet et le scannant avec

Code :

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

for (prop in obj)

**daronmaster** · 15/01/2009, 10h46

ok,

et par exemple, je peux faire un "window.alert(""+prop)" pour afficher ces propriétés ?

merci

**SpaceFrog** · 15/01/2009, 10h53

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type='text/javascript'>
function foo(elt){
var props=""
for(prop in elt){props+=prop + " => " + elt[prop] + "\n"
}
 
alert (props)
}      
</script>
</head>
 
<body>
<input type='button' onclick="foo(this)" value='liste' />
</body>

mais vaut mieux les coller dans un div ... la liste est trop longue

**daronmaster** · 15/01/2009, 11h04

merci pout tes réponses,

je vais tenter de mettre les propriétés concernés dans un DIV, et si cela me permet de résoudre mon pb, alors je passerai en résolu.

Une dernière question vu que tu as l'air de t'y connaitre :

je doit effectuer cette manip sur une balise INPUT de type PASSWORD, alors ma question est : quelle est la propriété que je dois regarder pour afficher les évènements qui sont attachés à cette balises ? à moins que "props" corresponde à l'ensemble de ces évènements.

merci encore

**SpaceFrog** · 15/01/2009, 11h13

essaye ça :

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
<script type='text/javascript'>
function foo(elt){
var props=""
for(prop in elt){props+=prop + " => " + elt[prop] + "<br />"
}
 
document.getElementById('result').innerHTML=props
}      
</script>
</head>
 
<body>
<input type='password' onclick="foo(this)" value='liste' />
 
<div id='result'></div>
</body>

**daronmaster** · 15/01/2009, 11h26

re,

en ce qui concerne ton dernier post, je venais tout juste de faire la meme chose et effectivement, il y a de nombreuses propriétés.

Cependant, si je fais sur mon element el :

el.addEventListener("change",maFonctionJS, false) juste avant d'afficher ces propriétés, je ne vois pas la fonction JS "maFonctionJS" apparaitre.

est-ce que tu vois ce que je veux dire ? je cherche donc à afficher tout, meme ce qui n'est pas par défaut sur un element INPUT de type PASSWORD.

merci encore pour t'être creuser les méninges pour moi et j'espère que la solution qui sera apportée servira à d'autres personnes

merci

**SpaceFrog** · 15/01/2009, 11h31

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
<script type='text/javascript'>
function choo(){
document.getElementById('mypass').onclick=function(){alert('hello')};
}
 
function foo(elt){
var props=""
for(prop in elt){props+=prop + " => " + elt[prop] + "<br />"
}
 
document.getElementById('result').innerHTML=props
}      
</script>
</head>
 
<body>
<input id="mypass" type='password' onclick="choo();foo(this)" value='liste' />
 
<div id='result'></div>
</body>

là ça marche

**daronmaster** · 15/01/2009, 11h53

je te fais confiance sur ta demo, mais, (je sais je commence à être chiant mais bon), en ce qui me concerne, c'est avec le addEventListener que j'attache un nouvel évènement.

et là je suis totalment bloqué, et pour info, je ne peux pas faire autrement .

alors si tu as une autre solution, je suis preneur.

merci encore pour ton investissement présent et celui à venir ...

**SpaceFrog** · 15/01/2009, 11h58

je me disais bein qu'il devait y avoir une bonne raison pour que je n'utilise pas addeventListener

attachEvent semble aussi poser le même problème ...

**franculo_caoulene** · 15/01/2009, 12h46

En fait, quand tu ajoutes un évènement à un élément tu peux lui créer une propriété "evenements", par exemple, qui sera un tableau ou un objet comportant tous les évènements ajoutés.
Si la propriété existe déjà, t'as juste à faire un push dans le tableau pour ajouter un évènement.

**daronmaster** · 15/01/2009, 13h28

merci pour vos aides,

il semblerait donc qu'il n'y ait pas de solutions miracles.

je vais donc tenter de faire comme on me le dis sur le post qui précède celui-ci, en ajoutant un tableau dans lequel je vais ajouter les évènements attachés à l'aide de addEventListener.

merci encore, je laisse en non résolu, et si je trouve une solution je la metrrai et ensuite je passerai en résolu, sauf si on me le demande avant.

merci encore et je vous souhaite un bon après-midi.

Tchû

[POO] Liste des évènements attachés à un élément html

JavaScript

Discussions similaires

Partager

Partager