Wird die gleiche addEventListener Arbeit?

func wird nicht zweimal aufgerufen werden, die auf klicken Sie auf, Nein; aber Lesen Sie weiter für details und ein "gotcha."

Vom addEventListener () in der spec:

Wenn mehrere identische EventListeners registriert sind, auf der gleichen EventTarget mit den gleichen Parametern, die die doppelte Instanzen werden verworfen. Sie nicht Ursache der EventListener aufgerufen werden, zweimal, und da Sie verworfen, Sie müssen nicht entfernt werden, mit der removeEventListener Methode.

(Meine Betonung)

Hier ein Beispiel:

JS:

var target = document.getElementById("target");

target.addEventListener("click", foo, false);
target.addEventListener("click", foo, false);

function foo() {
  var p = document.createElement("p");
  p.innerHTML = "This only appears once per click, but we registered the handler twice.";
  document.body.appendChild(p);
}

HTML:

<input type="button" id="target" value="Click Me">

Es ist wichtig zu beachten Sie jedoch, dass es die gleiche Funktion, nicht nur eine Funktion, die nicht die gleiche Sache. Zum Beispiel, hier bin ich Einhaken vier separate Funktionen, um das element, von denen alle aufgerufen:

JS:

var target = document.getElementById("target");

var count;
for (count = 0; count < 4; ++count) {
  target.addEventListener("click", function() {
    var p = document.createElement("p");
    p.innerHTML = "This gets repeated.";
    document.body.appendChild(p);
  }, false);
}

HTML:

<input type="button" id="target" value="Click Me">

Das ist, weil auf jeder loop-iteration, ein verschiedenen Funktion erstellt wurde (obwohl der code der gleiche).