Getting current DOM object that touchmove or touchend is over

dom, dom-events, javascript

Solution

Read the coordinates (`pageX` and `pageY`) from the event object. Then use `document.elementFromPoint(x, y)` to get the top element at that position.

Problem

As Mozilla states on the TouchEvent page: The event's target is the same element that received the touchstart event corresponding to the touch point, even if the touch point has moved outside that element. This is not the same as `mousemove` and `mouseup`, where the target really is the DOM element that the mouse is over. What's the best way, without using any library, to get the element that my `touchmove` or `touchend` event occurs on?

Original source

Related problems