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

Question

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

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

Answer 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);
});