react スマーフォンでhoverイベントを実装したい

Question

前提・実現したいこと

react　+ スマートフォンであるdiv要素のhover状態を表すフラグをセットしたい。
PCの場合onMouseEnterでhover: true、onMouseLeaveでhover: falseをセットすることで実現できました。

発生している問題・エラーメッセージ

しかしスマートフォンだと、onTouchStart、onTouchMove、onTouchEndくらいしかないので、
最初からdiv要素にタッチしないとイベントが発生してくれません。
（div要素の外側にタッチしてdiv要素内まで引っ張ってくると、イベントが発生しません。）

試したこと

onDrag、onPointerEnter、onPointerLeaveなども試しましたが、ダメでした。

Comments

[yoorwm]

タッチしないでデバイスに感知してもらいたい、という事でしょうか？（目の動きでもカメラで追跡するんですか？）

[mmmmmmmmmm]

わかりずらくてすみません。
丁度上の図のように、
divの外側からなぞって来てdivに入ったらonTouchEnter、
そのまま指を離さずなぞったままdivの外に出たらonTouchLeave
みたいにできないかなー？と手段を探しています。

Answer 1

onPointerEnter、onPointerLeaveなど

これらは今のところ、iOSでのサポートがありませんが、jquery/PEP（GitHub）というPolyfillがあって、Reactとの併用もできるとのことです。

Comments

[mmmmmmmmmm]

返信がかなり遅くなりました。
一旦この機能がPendingとなりました。
また動き出したら書き込みさせていただきます。
maisumakunさんありがとうございます。