javascript - xuiライブラリを使用して座標に触れるにはどうすればよいですか

Question

ユーザーが触れた座標を取得するにはどうすればよいですか？xuiとJavascriptを使用しています。

私のindex.htmlでは、ユーザーの操作からx座標とy座標を取得する方法がわかりません。

Answer 1

イベント バインディングに xui を使用する場合、イベント コールバック関数はTocuhEventオブジェクト ( e ) をパラメーターとして取得します。

x$('.a_button').on('touchstart', function(e) {
    // whatever
});

現在、TouchEvent は、一度に 1 つの入力しか持てない MouseEvent とは異なります。TouchEvent オブジェクトはマルチタッチの複数のタッチを同時に処理するためです。

要素でキャプチャされたタッチを取得するにはe.touches、デバイスで現在アクティブなe.targetTouchesすべてのタッチ、- この例で現在のターゲットにあるすべてのタッチ、.a_buttonまたはe.changedTouches- イベントをトリガーしたタッチから取得する必要があります。タッチスタート (最高の応答性) の場合は、イベントをe.changedTouchesトリガーしたタッチになるため、タッチを表すオブジェクトを取得するための最初の要素を取得できます。touchstartTouch

Touchオブジェクトは、画面上で何が起こっているかに関する情報を取得するために必要なすべてのデータを保持します。

x$('.a_button').on('touchstart', function(e) {
    var touch = e.changedTouches[0];
    alert(touch.pageX + ' ' + touch.pageY);
});