私はHTML5アプリケーションを開発していましたが、適切な座標系でターゲットdiv内に適切なローカルタッチ/マウス位置を取得するのはかなり難しい問題に直面しています。div内のTouchEvent/MouseEventローカル位置
StackOverflowには多くの解決策がありますが、それほど簡単ではありません。
"古典的な"解決策は、ターゲットオフセットを計算し、pageXおよびpageY位置からそれを減算することです。多くの人がJQuery offset
機能を使用していますが、ページがスクロールされ、ネストされたズームされたdivが含まれている状況では、iOS上でバグがあります(1.8.3)。
ネストされたズームされたdiv(CSS zoom
プロパティ)だけでなく、異なるCSS変換(xとyの変換)を持つレイヤーもあるため、状況はさらに複雑です。
最後に、目標divのローカルマウス/タッチ位置を計算する独自の関数を作成しました(WebKitCSSMatrix
、MSCSSMatrix
などを使用しています)。 'ほぼ'うまく動作しますが、まだ完璧ではありません。
私の質問は、上記の要件を考慮してターゲットdiv内のローカルタッチ/マウスの位置を計算するための一般的なソリューション/ライブラリがあるかどうかです。
ありがとうございました。すべての
ニース日...マウスイベントに
興味のある特定のマウス/タッチイベントはありますか? pageXとpageYはCSSピクセルで測定されるので、ズームの影響を受けてはいけません。CSSピクセルはズームアウトを通して一定です。 –