Добавление Javascript EventListener только в том случае, если нет другого слушателя?

Question

Я относительный тиро на арене программирования Javascript, поэтому, пожалуйста, успокойся. :-)

Я пытаюсь добавить eventListener к различным элементам DOM на странице. Однако некоторые элементы, в которые я добавляю свое событие, уже имеют eventListener, и я не хочу его заменять; Я хочу только добавить свое событие к элементу, у которого еще нет связанного с ним события.

Я просмотрел кучу вещей, связанных с addEventListener, event.StopPropagation, пузыря событий и т. Д., Но пока не понял, каким образом это сделать.

Есть ли способ обнаружить другие прослушиватели событий для данного элемента или какой-либо другой способ получить то, что я хочу?

Answer 1

Вы можете проверить, если свойство на [событие] этот данный элемент устанавливаются с помощью:

if (typeof(document.getElementById("element-id").onclick) == "undefined") { 
    // event undefined 
} 

if (typeof(document.getElementById("element-id").onclick) == "function") { 
    // event defined 
} 

Обратите внимание, что это не будет работать, если библиотека JavaScript, такие как JQuery были использовано для определения события (например, с использованием $("#element-id").click()). Я бы рекомендовал вам использовать jQuery, вы можете с легкостью с handle events.

Редактировать: э-э, это не работает, если вы также используете addEventHandler. Он работает, только если вы установили свое событие, используя yourElement.onclick = anyFunction