Как обработать событие внутри без перехода по ссылке

Question

<a href="https://vk.com">
   <div>Показать 333 без перехода по ссылке</div>
   <div>Перейти по ссылке</div>
</a>

Как мне сделать так, чтобы при клике на первый div в консоли выводилось 333, но не осуществлялся переход по ссылке, а при клике на второй - осуществлялся переход?

Нужен ответ на jquery

Answer 1

Так думаю

$("a").click(()=>{console.log(333); return false;});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="https://vk.com">
   <div>Показать 333<div>
</a>

Answer 2

$('a').click(e=>{
  if(e.target.matches('a div:first-child')){
    console.log(e.target);
    return false;
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="https://vk.com">
   <div>Показать 333 без перехода по ссылке</div>
   <div>Перейти по ссылке</div>
</a>

БЛОГ НА HUSL

Как обработать событие внутри без перехода по ссылке

Ответы (2 шт):