« Programmation JavaScript/Évènement » : différence entre les versions

m
Formatage, ajout de code
Aucun résumé des modifications
m (Formatage, ajout de code)
=== target ===
 
'''Équivalent Internet Explorer :''' <ttcode>'''srcElement'''</ttcode>.
 
Permet de récupérer l'élément depuis lequel l’événement à été envoyé. Il ne s'agit pas forcément de celui auquel on associe la fonction, mais de l'élément qui a récupéré le focus ou qui le récupère au moment de l'action. Par exemple, lors du clique de la souris sur un bouton, c'est ce bouton qui est renvoyé. Ou bien lorsque l'on appuie sur une touche du clavier, c'est l'objet qui a le focus qui est renvoyé.
=== stopPropagation ===
 
'''Équivalent Internet Explorer :''' l'attribut <ttcode>'''cancelBubble'''</ttcode>.
 
Cette méthode arrête la propagation de l'événement dans l'arbre [[w:fr:Document Object Model|DOM]] après le nœud sur lequel il se trouve. Il faut faire attention au fait qu'il s'agisse d'une méthode dans le W3C mais d'un attribut sous Internet Explorer.
=== preventDefault ===
 
'''Équivalent Internet Explorer :''' l'attribut <ttcode>'''event.returnValue''' = false</ttcode>.
 
Empêche l'action normalement prévue de se dérouler. Par exemple, lors de l'appuie sur la touche tabulation dans un champ texte, cela annulera le changement de focus et permettra l'insertion d'une indentation. Il est préférable d'utiliser l'expression <ttcode>"return false;"</ttcode> (sauf pour Internet Explorer) qui est mieux supportée.
 
== Gestionnaires d’événements DOM-0 ==
 
{{cadre code|L'appuie sur le bouton "bt" envoie un message avec son id :|
<source lang="html4stricthtml">
<FORM>
<INPUT type="button" id="bt" onclick="alert('Vous avez cliqué sur '+this.id+'.');">
 
{{cadre code|Le même effet est obtenu différemment :|
<source lang="html4stricthtml">
<FORM>
<INPUT type="button" id="bt">