Bắt đối tượng DOM hiện rằng touchmove hoặc touchend kết thúc

Question

Như bang Mozilla trên trang TouchEvent:

Mục tiêu của sự kiện là yếu tố tương tự mà nhận sự kiện touchstart tương ứng với điểm tiếp xúc, ngay cả khi các liên lạc điểm có được di chuyển ra ngoài phần tử đó.

Điều này không giống như mousemove và mouseup, nơi đích thực sự là phần tử DOM mà con chuột kết thúc.

Cách tốt nhất, không sử dụng bất kỳ thư viện nào, để lấy yếu tố mà sự kiện touchmove hoặc touchend của tôi xảy ra?

Answer 1

Đọc tọa độ (pageX và pageY) từ đối tượng sự kiện. Sau đó, sử dụng document.elementFromPoint(x, y) để nhận được phần tử hàng đầu tại vị trí đó.