У меня есть JavaScript-функция, которая устанавливает "onclick" -венти некоторых HTML-узлов, даже если этот параметр "onclick" -event был установлен ранее.
Как я могу проверить, было ли это событие уже настроено, поэтому я могу расширить свою функцию, чтобы установить событие только на узлах HTML, где он еще не был установлен?
Проверьте, например:
if(typeof someNode.onclick == "function") {
// someNode has an event handler already set for the onclick event...
}
Кстати, если вы используете библиотеку, вы должны сказать так: если это так, это может быть проще/чище и будет отличаться в зависимости от того, какую библиотеку вы используете...
Должна быть доступна возможность обнаружения обработчиков событий с помощью <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 может быть построена аналогично.
<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>
другая альтернатива, добавив класс к элементу
if(!elem.class.match('hasEvent'))
{
elem.addEventListener(event, function(){});
elem.className = elem.className + ' hasEvent';
}