«attacheventlistener» и «OnClick» прототип

Question

Может быть, есть сервал подвопросы для моей проблемы:

• Существует ли общее решение, чтобы получить событие привязываться к элементу (без JQuery или другого яваскрипт Librarys?).
• Я нашел $(element).data('events') не удалось зарегистрировать событие с <element onclick="some_functions()">. Как мы можем это получить?

Моя цель - вставить событие перед собственным событием (зарегистрированным программистом на странице html). Я нашел два решения.

• Использование JQuery as described here
• изменить HTMLElement.prototype.addeventlisteras described here

Однако, я считаю, обе эти методы не могут решить ситуацию как этот

<element onclick="some_functions()"> 

Answer 1

Вы можете получить доступ (и перезаписывать) этот обработчик события через свойство onclick. Если у вас есть

<span id="elem" onclick="some_functions()"> 

тогда document.getElementById("elem").onclick даст анонимную функцию

function (event) { 
    some_functions() 
} 

Чтобы перехватить его, вы можете использовать что-то вроде

var fn = elem.onclick; 
elem.onclick = function() { 
    console.log("before"); 
    var res = fn.apply(this, arguments); 
    console.log("after"); 
    return res; 
}; 

Отказ от ответственности: Это может быть не в старых браузерах, Я не знаю, как обрабатывали эти изобретатели (Netscape, IE) обработчиков событий inline-атрибутов и традиционную регистрацию событий. Они могли бы также сделать что-то вроде eval(elem.getAttribute("onclick")), в любом случае вы можете получить доступ к коду обработчика (в виде строки).