title: onmouseover eventlistener onto all children
body: <p>I have a problem with the <code>onmouseover()</code> event listener.</p>
  <pre><code>&lt;div class=&quot;parent&quot; onmouseover=&quot;myfunction()&quot;&gt;
     &lt;div class=&quot;child&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I trigger a javascript function whenever the mouse is hovering over the <code>parrent</code>, but whenever I'm hovering over the <code>child</code>, it doesn't register the <code>onmouseover</code> anymore.</p>
  <p>Is there a workaround so the <code>onmouseover()</code> also gets triggered while hovering over its <code>child</code> elements, using pure Javascript?</p>