title: Is listening for an event on a specific element causing that event to fire on unrelated elements?
body: <p>Say I listen for clicks on a button</p>
  
  <pre><code>btn.addEventListener("click", function(e) {
    console.log("button clicked");
  });
  </code></pre>
  
  <p>This now activates a click listener, and if the user clicks on my button, the click event will fire on my button and then propagate to all its parents (unless the bubbling is prevented). But what if the user clicks on a completely unrelated element? Will this cause the event to fire on that element and then propagate to all of its parents too or not? (Even though there is no interest in handling those click events)</p>
  
  <p>My guess is that yes, it will, because there should be a listener for clicks on the entire window once I start listening for them on a specific element. But I am not sure. </p>