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?

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?

• javascript
• dom
• dom-events

Share Improve this question Follow edited Jul 25, 2022 at 17:55 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked May 8, 2012 at 21:02 Simon SarrisSimon Sarris 63.9k1313 gold badges149149 silver badges174174 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

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