addEventListener vs zwykła funkcja anonimowa

Question

Którego z poniższych przykładów zaleca się używać?

1)

document.getElementById('color-picker').addEventListener('change', function () {
    update(this.jscolor);
});

2)

document.getElementById('color-picker').onchange = function () {
    update(this.jscolor);
};

Dlaczego?

Pozdrawiam.

Answer 1

Tak po prawdzie to poleca się jeszcze inny pattern ;)

function eventHandler( evt ) {
    // Do something.
}

elem.addEventListener( 'event', eventHandler, false );

Dzięki temu można odpiąć handler przy pomocy elem.removeEventListener.

Comments

Stosuje się podobne rozwiązanie do wszystkich zdarzeń i dla wszystkich elementów?

Dla window.onload również?

---

Tak, dla wszystkich.

Answer 2

Pierwszy, bo tym sposobem możesz chociażby podpiąć kilka funkcji, odpowiadających za obsługę zdarzenia.