Как сделать фон кликабельным js?

Question

[generate]

Полный код
https://codepen.io/vsjerkil/pen/MWyqEKd

<div id="bg">
<div>
d=document.querySelector("#bg");
d.onclick = function() {
 alert("click")
}

Когда делаю onclick срабатывает весь контент, как сделать чтобы только background срабатывал ?
Хотел ссылку на задний фон поставить

Answer 1

[Mario Kun]

d=document.querySelector("#bg");
d.onclick = function(e) {
  if (e.target !== this)
    return;
 alert("click")
}

 Попробуйте так

Answer 2

[Stalker_RED]

d.addEventListener('click', evt => {
  if (evt.target === d) {
    alert('bingo')
  }
});

Почитайте о всплытии событий. У вас сейчас срабатывает на все события, в том числе те, что всплыли из дочерних элементов.

Всплывают все, но по event.target можно определить где именно был клик

Answer 3

[Aetae]

а) Не класть контент в #bg.
б) Назначить контенту

onclick = function(event) {
  event.stopPropagation();
}