問題タブ [pagey]

iPhoneでタッチスタートイベントとタッチエンドイベントで遊んでいます。divを含むサンプルページを作成しました。これをタッチしてページをスクロールすると、開始位置と終了位置のy座標が返されます。

リンク： http： //jsbin.com/ibemom/2

jQuery：

ただし、そのページをiPhoneにロードすると、アラートは両方の値をゼロとして報告し続けます。誰かが私が持っているものに何か問題があるのを見ますか？

アップデート：

jQuery Mobileプロジェクトでこのコードに出くわしました：https ：//github.com/jquery/jquery-mobile/issues/734

それからのコメントが突き出ました：

なぜそうなのかはわかりませんが、少なくとも同じことを見ている人を見つけました。そのページのサンプルコードを掘り下げて、解決策があるかどうかを確認します。

更新II：

上記のリンクのサンプルコードを確認すると、実際の値が返されるように見えます。

キャッチは、私は今、それが私が完全に必要としているわけではないことに気づきました。これは、ブラウザウィンドウではなく、イベントをHTMLドキュメントに関連して添付したオブジェクト内でタッチした領域のYオフセットを返します。

私の目標は、タッチが画面のどこから始まり、どこで終わったかを把握し、値を比較することです。それらがかなり異なる場合は、タッチではなく、スワイプが実行されたと見なします。

更新III：

私はこれらの例への参照も見つけています：

私もそれらを機能させることができないようですが。どちらも未定義のエラーを返します。

更新IV：

1つの解決策は、ドキュメント自体のoffset（）を追跡することのようです。ドキュメントにタッチエンドイベントを適用して、オフセットを確認できます。

これに伴う問題は、タッチエンドイベントが最初にページ上の要素でトリガーされ、次にドキュメントで発生することです（バブリング）。そのため、オブジェクトのタッチエンドイベントで何をするかを理解する必要がある前に、それがタッチであるかスワイプであるかを実際に判断することはできません。

まだこれを熟考しています...

Jquery と CSS を使用して「自家製」のツールチップを開発しています。

正常に動作しているようですが、

http://jsfiddle.net/GLZFc/

「トリガー」要素の上に配置されます（そして水平方向に中央に配置されます）が、マウスを上に移動すると下に移動し、逆になります。

私は何を間違っていますか？

私はそのようなコードを持っています:

IE (すべてのバージョン) を除くすべてのブラウザーで正常に動作します。たとえば、ie の開発者タブが開いていて、(この開発者タブを介して) マウスを画面の下部に移動すると、mouseleave イベントが発生しますが、FF、Chrome、Opera では 700px ではなく、pageY = -1 になります。H

どうすれば修正できますか？

ユーザーのマウスがウィンドウから離れたかどうかを検出する簡単なスクリプトを作成したいと考えています。ソリューションは、mouseout イベントを使用して既にここで説明されています。このソリューションの問題は、ユーザーがマウスでスクローラーに移動した場合にもアクションがトリガーされることです。e.pageY < jQuery(window).scrollTop()したがって、このコードにif 条件を追加しました。

Microsoft Edge を除くすべてのブラウザーで問題なく動作します。Edge e.pageY では、他のブラウザーのように 0 または -1,-2... は必要ありませんが、50,34,... になります (マウスを動かす速度によって異なります)。

この問題に対する簡単な解決策があるかどうか疑問に思っています。