javascript - 如何使用 xui 库获取触摸坐标

Question

如何获取用户触摸的坐标？我正在使用xui和 Javascript。

在我的 index.html 上，我不知道如何从用户交互中获取 x 和 y 坐标。

Answer 1

如果您使用 xui 进行事件绑定，则事件回调函数获取TocuhEventobject ( e ) 作为其参数

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

现在 TouchEvent 不像 MouseEvent 一次只能有一个输入 - 因为 TouchEvent 对象同时处理多点触摸多个触摸。

要获取在您的元素上捕获的触摸，您必须从中获取它e.touches- 这是设备上当前处于活动状态的所有触摸， -在我们的示例e.targetTouches中当前目标上的所有触摸或- 触发事件的触摸。对于 touchstart（最佳响应性），您可以获取第一个元素，因为它将触发您的事件以获取代表您的触摸的对象。.a_buttone.changedTouchese.changedTouchestouchstartTouch

现在Touch，对象包含您获取有关屏幕上发生的任何信息所需的所有数据。

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