javascript - 处理触摸开始和触摸结束事件

Question

我正在尝试为触摸设备制作基于画布的益智游戏，但我正在为触摸事件而苦苦挣扎。我希望 touchFunction 触发两次，一次用于 touchstart 事件，一次用于具有适当 x 和 y 坐标的 touchend 事件。

以下是我所拥有的，它适用于touchstart，但对touchend没有任何作用，谁能指出我的问题是什么？任何帮助都会很棒，谢谢。

    canvas.addEventListener('touchstart', touchFunction, false);
    canvas.addEventListener('touchend', touchFunction, false);


    function touchFunction(ev) {   
    console.log(ev.touches[0].pageX + " " + ev.touches[0].pageY);
    }

Answer 1

你看过touchmove活动吗？

这将为您提供当前“按下”位置的 xy 坐标。非常相似mousemove。

Answer 2

你可能想研究一个像hammer.js这样的抽象层，这样你就可以处理鼠标事件和各种平台特定的触摸事件：http ://eightmedia.github.com/hammer.js/