如何使用 xui 库获取触摸坐标答案

【问题标题】：How do I the get touched coordinates using the xui library如何使用 xui 库获取触摸坐标
【发布时间】：2011-02-17 07:50:42
【问题描述】：

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

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

【问题讨论】：

标签： javascript touch mobile-webkit xui

【解决方案1】：

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

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

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

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

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

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

【讨论】：