移動瀏覽器TouchEvents

Question

有沒有辦法讓觸摸事件相對於元素而不是視圖端口或整個頁面？

我的代碼，

var c = document.createElement("canvas"); 
c.width = 100; 
c.height = 100; 
c.addEventListener('touchmove',function(e){ 
    de.innerHTML = e.targetTouches[0].clientX + ", " + e.targetTouches[0].clientY; 
}, false); 

德僅僅是一個div來的輸出數據，但clientX和clientY不是相對於元素。有什麼辦法可以做到這一點？

Answer 1

你不能相對於元素，你可以相對：

• 的視窗（clientX，clientY你使用）。
• 的屏幕，它處理縮放（screenX ...）
• 的頁面，它處理滾動（pageX屬性...）

如需進一步信息讀取有用mobile safari參考指南，和/或關於此主題的Sitepen's article。 希望這有助於。