From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/api/eventtarget/index.html | 138 ++++++++++++++++++++++++++++++++ 1 file changed, 138 insertions(+) create mode 100644 files/fr/web/api/eventtarget/index.html (limited to 'files/fr/web/api/eventtarget/index.html') diff --git a/files/fr/web/api/eventtarget/index.html b/files/fr/web/api/eventtarget/index.html new file mode 100644 index 0000000000..cfef429c5f --- /dev/null +++ b/files/fr/web/api/eventtarget/index.html @@ -0,0 +1,138 @@ +--- +title: EventTarget +slug: Web/API/EventTarget +tags: + - API + - Cible de l'événement + - DOM + - DOM Events + - EventTarget + - Interface + - Événements DOM +translation_of: Web/API/EventTarget +--- + + +

EventTarget est une interface DOM implémentée par des objets qui peuvent recevoir des événements et peuvent avoir des écouteurs pour eux.

+ +

{{domxref ("Element")}}, {{domxref ("Document")}} et {{domxref ("Window")}} sont les cibles d'événements les plus fréquentes, mais d'autres objets peuvent également être des cibles d'événements. Par exemple {{domxref ("XMLHttpRequest")}}, {{domxref ("AudioNode")}}, {{domxref ("AudioContext")}} et autres.

+ +

De nombreuses cibles d'événements (y compris des éléments, des documents et des fenêtres) supporte également la définition de gestionnaires d'événements via les propriétés et attributs onevent.

+ +

{{InheritanceDiagram}}

+ +

Constructeur

+ +
+
{{domxref("EventTarget.EventTarget()", "EventTarget()")}}
+
Crée une nouvelle instance d'objet EventTarget.
+
+ +

Méthodes

+ +
+
{{domxref("EventTarget.addEventListener()", "EventTarget.addEventListener()")}}
+
Enregistre un gestionnaire d'événements d'un type d'événement spécifique sur EventTarget.
+
{{domxref("EventTarget.removeEventListener()", "EventTarget.removeEventListener()")}}
+
Supprime un écouteur d'événement de EventTarget.
+
{{domxref("EventTarget.dispatchEvent()", "EventTarget.dispatchEvent()")}}
+
Envoie un événement à cet EventTarget.
+
+ +

Méthodes supplémentaires dans la base de code Chrome de Mozilla

+ +

Mozilla inclut quelques extensions à utiliser par les cibles d'événements implémentées par JS pour implémenter les propriétés onevent.

+ +

Voir aussi liaisons WebIDL.

+ + + +

Exemple

+ +

Implémentation simple d'EventTarget

+ +
const EventTarget = function () {
+  this.listeners = {}
+}
+
+EventTarget.prototype.listeners = null
+EventTarget.prototype.addEventListener = function (type, callback) {
+  if (!(type in this.listeners)) {
+    this.listeners[type] = []
+  }
+  this.listeners[type].push(callback)
+}
+
+EventTarget.prototype.removeEventListener = function (type, callback) {
+  if (!(type in this.listeners)) {
+    return
+  }
+  const stack = this.listeners[type]
+  for (let i = 0, l = stack.length; i < l; i++) {
+    if (stack[i] === callback) {
+      stack.splice(i, 1)
+      return
+    }
+  }
+}
+
+EventTarget.prototype.dispatchEvent = function (event) {
+  if (!(event.type in this.listeners)) {
+    return true
+  }
+  const stack = this.listeners[event.type].slice()
+
+  for (let i = 0, l = stack.length; i < l; i++) {
+    stack[i].call(this, event)
+  }
+  return !event.defaultPrevented
+}
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpécificationStatusComment
{{SpecName('DOM WHATWG', '#interface-eventtarget', 'EventTarget')}}{{Spec2('DOM WHATWG')}}Pas de changement.
{{SpecName('DOM3 Events', 'DOM3-Events.html#interface-EventTarget', 'EventTarget')}}{{Spec2('DOM3 Events')}}Quelques paramètres sont désormais optionnels (listener), ou acceptent la valeur nulle (useCapture).
{{SpecName('DOM2 Events', 'events.html#Events-EventTarget', 'EventTarget')}}{{Spec2('DOM2 Events')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +
+ + +

{{Compat("api.EventTarget")}}

+
+ +

Voir également

+ + -- cgit v1.2.3-54-g00ecf