2

В интернет магазине есть каталог товаров, каждый товар полностью оформлен в виде ссылки.

Но внутри этого блока есть ещё и кнопки, как сделать чтобы при нажатии на кнопку внутри ссылки не происходило перехода?

1

2 ответа 2

4

Спасибо говорить @Grundy
В песочнице, что кликается, а что нет можно понять по консоли. Магия в event.stopPropagination

document.getElementById('123').onclick = worker;

function worker(event) {
  event.stopPropagation();
  // do your code here
  console.log('button clicked');
}
document.querySelector('a').onclick = worker2;

function worker2() {
  console.log('a clicked');
}
a div {
  height: 100px;
  width: 100px;
  color: red;
}
<a target="_blank" href='google.ru'>
  <div>123</div>
  <button id='123'>Моя кнопка</button>
</a>

3
1

onclick="event.preventDefault()"

1
  • пожалуйста, постарайтесь оставлять чуть более развёрнутые ответы. дополнить ответ можно, нажав править 22 июл 2017 в 20:40

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.