Как обработать нажатие на ссылку, если у родителя имеется onClick?

Question

[Максим]

Имеется код:

<table>
    ...
    <tr onClick="location.href='url'">
        <td> ... </td>
        <td><button id="vote-button">btn</button></td>
    </tr>
    ...
</table>

Необходимо обработать нажатие на #vote-button, но onClick на tr мешает этому. Как поступить в этом случае?

Answer 1

[Ростислав Григорьев]

$('#vote-button').click(function(ev) {
    ev.stopPropagation();
   // some code...
});

Comments

[Максим]

Нажатие на #vote-button стало обрабатываться, но действие в onClick всё равно срабатывает, не смотря на наличие stopPropagation().

[Ростислав Григорьев]

Максим: а Jquery то подключен? Вот в этом примере все работает: codepen.io/anon/pen/WbRbQr

Answer 2

[isour]

$('#vote-button').click(function(e) {
    e.stopPropagation();
    e.preventDefault();
});

Comments

[Максим]

То же, что и в варианте выше. Нажатие на #vote-button обрабатываться, но действие в onClick всё равно срабатывает

[isour]

Максим:

$('#vote-button').off().unbind().click(function(e) {
e.stopPropagation();
e.preventDefault();
});