Как избежать конфликта onclick="..." со своим обработчиком клика?

Question

[Антон Середний]

Собственно есть элемент:

<span onclick="LikeBtn.vote(1, 0, event);" class="lb-a" >

Я хочу повесить на него свой обработчик клика:

$(document).on('click','.lb-a', function(){
    alert('нажатие!');
});

Но не выходит. Мой обработчик не видит клика и не срабатывает. Насколько я понял, тут идет конфликт с инлайновым onclick="LikeBtn.vote(1, 0, event);" class="lb-a" >.

Как заставить работать оба обработчика клика?

Answer 1

[Ярослав Иванов]

Может в onclick добавить еще одну функцию ?

var getAtt = document.querySelector('lb-a').getAttribute('onclick');
document.querySelector('.lb-a').setAttribute('onclick', getAtt + 'function();');

https://jsfiddle.net/9msmy0jL/1/

Дополню свой ответ. Если применить setAttribute то то, что было до этого в onClick удалится. Надо будет взять то, что там и добавить в переменную для последующего использования. Тогда все работает корректно.

Comments

[Kovalsky]

Эмм. У элемента через атрибут onclick был задан обработчик, вы его переопределили и... работает только один - последний. Нет?

[Ярослав Иванов]

Работать могут обе функции.

[Kovalsky]

Ярослав Иванов: теоретически - нет. Можете показать простейший пример в котором это работает?

[Ярослав Иванов]

https://jsfiddle.net/9msmy0jL/