[Article] Présentation des événements du DOM

:salut:

hornetbzz vous propose son premier article : Présentation des événements du DOM.

Citation:

---

L'objectif de cet article, relativement exhaustif, est de permettre de comprendre comment manipuler les évènements DOM en Javascript.

---

A mon sens, il a largement atteint son objectif !

N'hésitez pas à faire part de vos remarques, questions et encouragements à la suite de ce message.

Merci à lui :)

L'initative est très bonne. Merci hornetbzz. :)
Je n'ai pas tout lu mais j'ai vu qu'il y avait même des exemples de code, ce qui aide à la visualisation précise des problèmes que l'on peut rencontrer.

Je doit relire plus attentivement le passage avec l'exemple à ne surtout pas reproduire car je n'ai pas vu explicitement le pourquoi du comment et la solution adéquate mais j'ai sauté des paragraphes donc je suppose que ma réponse s'y trouve. ;)

La conclusion est à rappeler autant que faire ce peut car on ne le dira jamais assez. :P

Courage pour les prochains articles. ;)

Très bon article et très complet !! :ccool:

Merci pour ces commentaires encourageants. :ccool:

Article Impressionnant ! Merci hornetbzz.

Je rajouterais les balises A pour les événements onfocus et onblur. On y pensse très rarement. Mais pour l'accessibilité et la navigation au clavier, c'est mieux d'y penser ;)

Plein de courage pour tes prochains articles,
Thomas.

Je débute dans le Js et le Dom, très clair et intéressant, merci, bonne continuation.

Pour le dernier exemple (5-E-1-C), je ne vois rien de particulier se produire (sous FF3.6.3).
On devrait avoir un message alert et aller au lien de la page html juste en passant la souris sur le texte, c'est ça ?

Bonjour,

@Thoams: oui bonne remarque. Mais dans ce cas, quand on parle de DOM event, c'est dans le chapitre 5-A-2 que cela se passe, et aussi le chapitre 5-E. Et plus particulièrement, voir l'interface UIEvent. :)

@berlo44

Citation:

---

Pour le dernier exemple (5-E-1-C), je ne vois rien de particulier se produire (sous FF3.6.3).

---

Tu as un lien hypertexte. Sans ajouter de gestionnaire, on devrait donc simplement voir ce lien cliquable, bien sûr pouvoir le cliquer, et c'est tout.

Or on lui ajoute un gestionnaire comme expliqué dans le texte juste après le code:

Citation:

---

On créé un évènement mouseover sur l'élément cible constitué par le lien hypertexte de la balise <a>, identifiée par son identifiant id= « mon_lien ». Lorsque cet évènement est déclenché, en passant sur le lien, le gestionnaire crée à son tour un objet évènement fictif « mouseup ». Puis on affecte cet objet "évènement fictif" à la cible. Le gestionnaire GestionEvtFictif de cet objet évènement fictif affiche les paramètres de l'objet évènement fictif.

---

L'effet visible (y compris dans FF3.6):
le lien <a> n'est plus cliquable. Par contre, le survol du lien engendre l'apparition de la fenêtre pop-up. C'est ce que tu devrais observer.

trouvé !

c'est la ligne :

Code:

---

1 2 3

var s = '', propriete=',type,target,currentTarget,bubbles,cancelable,windowObject, detail,screenX,screenY,clientX,clientY,ctrlKey,altKey,shiftKey,metaKey, button,relatedTarget,';

---

écrite ainsi sur plusieurs lignes ça ne passe pas, firefox ne signal pas l'erreur, ie8 si (Message*: Constante chaîne non terminée Ligne*: 74 Caractère*: 91).

Merci à tout le collectif pour cet article très pédagogique, permettant de bien comprendre le phénomène de propagation (bubbling) dans le DOM et comment l'inhiber.