移动浏览器触摸事件

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

de 只是一个输出数据的 div，但 clientX 和 clientY 与元素无关。有什么方法可以实现吗？

Answer 1

你不能相对于元素，你可以相对于：

• 视口（您使用的clientX，clientY）。
• 屏幕，它处理缩放（screenX...）
• 页面，它处理滚动（pageX...）

有关更多信息，请阅读有用的 mobile safari 参考指南和/或有关此主题的 Sitepen's article。 希望这会有所帮助。