EventTarget

EventTarget est une interface implémentée par des objets qui peuvent recevoir des évènements et avoir des auditeurs.

Element, document, et window sont les évènements cibles les plus communs, cependant d'autres objets peuvent être utilisés comme évènements cibles, par exemple XMLHttpRequest, AudioNode, AudioContext et d'autres.

De nombreux évènements cibles (incluant les éléments documents et fenêtres) supportent également le réglage event handlers via les propriétés et attributs on... .

Constructeur

EventTarget()

Crée une nouvelle instance d'EventTarget.

Méthodes

EventTarget.addEventListener()

Enregiste un gestionnaire d'évènement d'un type d'évènement spécifique EventTarget.

EventTarget.removeEventListener()

Supprime un auditeur d'évènements de EventTarget.

EventTarget.dispatchEvent()

Envoie un élément à EventTarget.

Exemples

Une implémentation simple

var 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;
  }
  var stack = this.listeners[type];
  for (var 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;
  }
  var stack = this.listeners[event.type];

  for (var i = 0, l = stack.length; i < l; i++) {
    stack[i].call(this, event);
  }
  return !event.defaultPrevented;
};

Spécifications

Compatibilité des navigateurs

Voir aussi

• Event reference - les évènements disponibles pour la plateforme.
• Event developer guide
• Event interface