如何使用xui庫獲取觸摸座標

Question

如何獲取用戶觸摸的座標？我正在使用xui和Javascript。

在我的index.html上，我不知道如何從用戶交互中獲取x和y座標。

Answer 1

如果使用XUI事件綁定，則此事件的回調函數獲得TocuhEvent對象（Ë）作爲它的參數

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