Как я могу проверить, был ли установлен JavaScript-обработчик событий?

Question

У меня есть JavaScript-функция, которая устанавливает событие onclick для некоторых узлов HTML, даже если это событие onclick было установлено ранее.

Как я могу проверить, было ли это событие уже установлено, чтобы я мог расширить свою функцию, чтобы установить событие только на узлах HTML, где оно еще не установлено?

Answer 1

Проверьте, вот так:

if(typeof someNode.onclick == "function") {
   // someNode has an event handler already set for the onclick event...
}

Кстати, если вы используете библиотеку, вы должны сказать об этом - если это так, это может быть проще / чище и будет отличаться в зависимости от того, какую библиотеку вы используете ...

Answer 2

Должна быть возможность обнаруживать обработчики событий, подключенные с использованием <element>.addEventListener(), перехватывая вызовы функции:

var myListOfAddedEvents = [];

var realAddEventListener = HTMLElement.prototype.addEventListener;

HTMLElement.prototype.addEventListener = function(evtType,fn,cap) {
    myListOfAddedEvents.push(
        {on: this, type: evtType, handler: fn, capture: cap}
    );

    return realAddEventListener.apply(this, arguments);
};

Примечание. Это непроверенный код, который может потребовать некоторой работы. Я надеюсь, эта же функция будет использоваться всеми типами элементов, но я могу ошибаться. Также это будет работать, только если вы сможете запустить этот бит кода до того, как начнут добавлять события. Копия для attachEvent может быть создана аналогично.

Answer 3

<input type="button" id="foo" name="foo" value="bar" />

<script type="text/javascript">
    alert(document.getElementById('foo').onclick); //undefined
</script>

Итак, что вы хотите сделать, это примерно так:

<script type="text/javascript">
    if (undefined == document.getElementById('foo').onclick)
    {
        // Add event handler
    }
</script>

Answer 4

другая альтернатива, добавление класса к элементу

if(!elem.class.match('hasEvent'))
{
  elem.addEventListener(event, function(){});
  elem.className = elem.className + ' hasEvent';
}