Можно ли иметь триггер <a>перед обработчиком onclick для родительского элемента?

Question

У меня есть такая таблица:

<table>
  <tr onclick="window.location='foo.html'">
    <td>Data 1</td>
    <td>Data 2</td>
    <td><a href="bar.html">link</a></td>
  </tr>
</table>

Когда я пытаюсь щелкнуть текст link, меня отправляют на foo.html. Я хотел бы перейти на bar.html вместо. Есть ли способ убедиться, что <a> сначала получает событие click?

Или я должен изменить свой обработчик onclick, чтобы он был на каждом из <td> элементов , за исключением для последнего, содержащего ссылку?

Answer 1

Вы можете использовать onclick для тега привязки:

<a href="#" onclick="window.location='bar.html'">link</a>

Answer 2

Для достижения ожидаемого результата используйте нижеприведенную опцию z-index

a{
  position:relative;
  z-index:9999
}

https://codepen.io/nagasai/pen/gzrzgO