web-dev-qa-db-ja.com

クリックイベントの場合と同様に、「タッチスタート」イベントのe.PageXの位置に相当するものはありますか？

ライブ機能で使用されるタッチスタートイベントのjQueryでX位置を取得しようとしていますか？

つまり.

$('#box').live('touchstart', function(e) { var xPos = e.PageX; } );

現在、これはイベントとして「クリック」で機能します。どうすれば（alpha jQuery Mobileを使用せずに）タッチイベントで取得できますか？

何か案は？

助けてくれてありがとう。

javascriptjqueryeventsclicktouch
100
waxical

ちょっと遅れましたが、jQueryでマッサージされたイベントではなく、元のイベントにアクセスする必要があります。また、これらはマルチタッチイベントであるため、他の変更を行う必要があります。

$('#box').live('touchstart', function(e) {
  var xPos = e.originalEvent.touches[0].pageX;
});

他の指が必要な場合は、タッチリストの他のインデックスで見つけることができます。

新しいJQUERYの更新：

$(document).on('touchstart', '#box', function(e) {
  var xPos = e.originalEvent.touches[0].pageX;
});
173
mkoistinen

JQueryベースのプロジェクトにこの単純な関数を使用します

    var pointerEventToXY = function(e){
      var out = {x:0, y:0};
      if(e.type == 'touchstart' || e.type == 'touchmove' || e.type == 'touchend' || e.type == 'touchcancel'){
        var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
        out.x = touch.pageX;
        out.y = touch.pageY;
      } else if (e.type == 'mousedown' || e.type == 'mouseup' || e.type == 'mousemove' || e.type == 'mouseover'|| e.type=='mouseout' || e.type=='mouseenter' || e.type=='mouseleave') {
        out.x = e.pageX;
        out.y = e.pageY;
      }
      return out;
    };

例：

$('a').on('mousedown touchstart', function(e){
  console.log(pointerEventToXY(e)); // will return obj ..kind of {x:20,y:40}
})

これがあなたに役立つことを願っています;）

42
Nedudi

ここで他の回答をいくつか試しましたが、originalEventも未定義でした。検査の結果、TouchListクラスプロパティ（別のポスターで提案されている）が見つかり、この方法でpageX/Yに到達できました。

var x = e.changedTouches[0].pageX;
11
matt.chatterley

JQueryを使用していない場合...イベントのTouchListsのいずれかにアクセスして、pageX/YclientX/Yなどを持つTouchオブジェクトを取得する必要があります。

関連ドキュメントへのリンクは次のとおりです。

私の場合、e.targetTouches[0].pageXを使用しています。

6
Scott Jungwirth

Safari Touchクラスの開発者リファレンス を確認してください。

これによれば、pageX/Yが利用可能になっているはずです-おそらくスペルをチェックする必要がありますか？ pageXではなくPageXであることを確認してください

0
Tom Tu