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

Version imprimable

15/01/2009, 09h47
daronmaster

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

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
15/01/2009, 10h04
SpaceFrog

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:

for (prop in obj)
15/01/2009, 10h46
daronmaster

ok,

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

merci

Code:

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

15/01/2009, 11h04
daronmaster

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

essaye ça :

Code:

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>

15/01/2009, 11h26
daronmaster

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

Code:

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

15/01/2009, 11h53
daronmaster

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 ...
15/01/2009, 11h58
SpaceFrog

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

attachEvent semble aussi poser le même problème ...
15/01/2009, 12h46
franculo_caoulene

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.
15/01/2009, 13h28
daronmaster

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û

Fuseau horaire GMT +2. Il est actuellement 14h12.