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.
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 document.elementFromPoint
function that works in chrome, but seems very roundabout (plus I'm not sure which browsers support it)
See this fiddle, I want the boxes to turn green as you touch through them:
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.
Edit:
I found an idea to use mouseenter
here How to detect html elements on touchmove and got it to work on desktop chrome, but not on mobile safari.