如何使用xui库访问坐标？

Question

如何获得用户接触到的坐标？我正在使用许瑞和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);
});