Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>What you really need is the <a href="https://developer.mozilla.org/en/DOM/DOM_event_reference/mouseenter" rel="nofollow"><code>mouseenter</code></a> event, which does not bubble (unlike <code>mouseover</code>). From MDN:</p> <blockquote> <p>The synchronous mouseenter DOM event is dispatched when a mouse or another pointing device enters the physical space given to the element or one of its descendants.</p> <p>Similar to mouseover , it differs in that <strong>it doesn't bubble</strong> and that it isn't sent when the pointer is moved from one of its descendants' physical space to its own physical space.</p> </blockquote> <p>Unfortunately, it's <a href="http://www.quirksmode.org/dom/events/index.html#t017" rel="nofollow">not widely supported</a>. One solution is to use jQuery (see <a href="http://api.jquery.com/mouseenter/" rel="nofollow"><code>.mouseenter()</code></a>), which polyfills that event in all the browsers it supports. Another option is to check the element that triggered the event:</p> <pre><code>document.getElementById("parent").addEventListener('mouseover', function(e) { if (e.target.id === "parent") { //Only execute following on parent mouseover document.getElementById("time").innerHTML = new Date; this.childNodes[1].style.display="block"; } }, false); </code></pre> <p>Or <a href="http://blog.stchur.com/2007/03/15/mouseenter-and-mouseleave-events-for-firefox-and-other-non-ie-browsers/" rel="nofollow">see here</a> for what looks at first glance to be a pretty good shim.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload