タッチモーブからホバリングされた要素を取り出す

Question

タッチイベントでも動作するコードベースのマウスイベントを作成する方法を見つけようとしています。それはマウスでうまく動作しますが、タッチデバイスと変わって反応します。

私はマウスダウン、またはtouchstart、ここでの問題はないをキャッチする必要があるが、それは別の上（アップ介さずに）私は、実際の指をキャッチしようとすると、

$('body').on("mousedown touchstart", 'ul#squares li p', function(e){ 
    console(this.id); 
}); 

がしかし、移動した要素のidを返します。指がそれにまだ

$('body').on("mouseover touchmove", 'ul#squares li p', function(e){ 
    console(this.id); 
}); 

https://jsfiddle.net/um3fr0wg/1/

任意のアイデアだったかのように要素が、それはまだ、touchstartイベントによって、当該要素のidを返します。 ？

Answer 1

[OK]を見つけました。

"touchmove"イベントは常に開始点を返しますが、finger座標はevent.originalEvent.touches [0] .clientXまたはclientYプロパティで取得できます。 次に、要素を繰り返し処理し、座標が一致するかどうかを確認するだけです。