title: Mouseover and mouseout events won't trigger when mouse moves too fast?
body: <p>I wrote a live demo to show this problem:</p>
  
  <p><a href="http://cssdeck.com/labs/wcczap11" rel="nofollow noreferrer">http://cssdeck.com/labs/wcczap11</a></p>
  
  <p>If you move mouse fast between the blue, red and green areas, you will see red 'y' logs are not appear between x and z logs, which means you can't get the red area mouse events.</p>
  
  <p>This is what I want:</p>
  
  <p><img src="https://i.stack.imgur.com/7lnAC.jpg" alt="enter image description here"></p>
  
  <p>But when mouse moves too fast:</p>
  
  <p><img src="https://i.stack.imgur.com/CUnCl.jpg" alt="enter image description here"></p>
  
  <p>I just want to know is there a way that no matter how fast I move the mouse the result will always be the same with the first image?</p>