Несколько компонентов, прослушивающих через eventlistener

Question

Мне было интересно, почему вам не разрешено иметь несколько похожих eventListeners на одном узле? Я представляю случай, когда у меня есть несколько частичных файлов того же типа, которые используют один узел для взаимодействия с eachother через CustomEvents. Но это, похоже, не работает, потому что все они используют один и тот же EventListener, и поэтому только один из них способен слушать и обрабатывать событие.

Почему?

Спасибо!

EDIT: маленький фрагмент кода:

У меня есть

node.addEventListener("customEvent", this.func, false); 

и

node.addEventListener("customEvent", this.func, false); 

в двух разных местах и ​​this.func указывает на ту же функцию, но в разных contextes и будет в конечном счете, вызывают разные вещи. Но второй прослушиватель никогда не вызывается, потому что по какой-то причине это что-то кажется предполагающим, что их одно и то же, вероятно, потому, что подпись похожа или что-то еще.

EDIT2: Я в основном имею в виду это. https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener#Multiple_identical_event_listeners

Answer 1

Вы можете прикрепить несколько подобных обработчиков событий к узлу с помощью addEventListener.

node.addEventListener("click", function(){alert(1)}, false); 
node.addEventListener("click", function(){alert(2)}, false); 

Необходимо предупредить дважды. При назначении анонимной функции это работает.

Однако вы можете назначить несколько слушателей, ссылающихся на одну и ту же функцию и событие, используя bind.

var a = this.func.bind(); 
document.getElementById("start").addEventListener("click", a, false); 
var b = this.func.bind(); 
document.getElementById("start").addEventListener("click", b, false); 

Это будет предупреждать дважды. Поскольку оболочка функции отличается, она рассматривается как уникальное событие.

Вы не можете назначить обработчик события дважды через node.onclick, потому что это свойство. Когда вы назначаете его дважды, он просто перезапишет первый обработчик. Слушатели событий были изобретены, чтобы справиться с этим.

Answer 2

В Java вы можете добавить несколько слушателей. Но, честно говоря, мне не нравится этот подход. В большинстве случаев вам нужно только вызвать 1 интерфейс/объект (вы добавляете служебные данные, логику для нескольких интерфейсов, где используется только один).

Мне больше нравится Android-подход: setOn .... Событие (похоже, JS именно так) вместо addActionListener (...) Java.

Если вам нужно несколько триггеров, вы можете переопределить как:

obj.setOnEvent(function() { 
    doTheOtherEventTrigger(); 
    doOneMoreEventTrigger(); 
    ... 
}