title: Crossing over to new elements during touchmove
body: <p>I'd like to make it so that as you drag your finger over a set of elements, the background of the one you've got your finger on changes. </p>
  
  <p>It seems like I want to use the touchmove event for this, but as far as I can tell the target element never changes, even as you drag around.  The clientX and clientY do change, and I found this <code>document.elementFromPoint</code> function that works in chrome, but seems very roundabout (plus I'm not sure which browsers support it)</p>
  
  <p>See this fiddle, I want the boxes to turn green as you touch through them:</p>
  
  <p><a href="http://jsfiddle.net/QcQYa/9/" rel="noreferrer">http://jsfiddle.net/QcQYa/9/</a></p>
  
  <p><em>By the way, in chrome, you'll need to go into the user agent tab of the inspector config modal and choose "emulate touch events" to see my example.</em></p>
  
  <p><strong>Edit:</strong>
  I found an idea to use <code>mouseenter</code> here <a href="https://stackoverflow.com/questions/8614711/how-to-detect-html-elements-on-touchmove?rq=1">How to detect html elements on touchmove</a> and got it to work on desktop chrome, but not on mobile safari. </p>