Как сделать так чтобы при клике на p внутри div кликалась только div в JS?

Question

[Yukan Mukimura]

у меня внутри div'a есть параграф , при нажатии на параграф div не отрабатывает свой onclick . Как мне сделать так чтобы и при клике на параграф кликался div ?

Answer 1

[Сергей delphinpro]

Это сделает параграф невидимым для мышки

div p {
  pointer-events: none;
}

А так вы можете определить по какому элементу сделан клик

document.querySelector('div').addEventListener('click', e => {
  console.log(e.currentTarget); // Будет див, даже если кликнули на внутренний элемент
});

document.querySelector('div').addEventListener('click', e => {
  console.log(e.target.closest('div'));
  // Будет НАЙДЕН див, внутри которого, или на нем самом кликнули
});