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

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事件吗？

这将为您提供当前'按'所在位置的x-y坐标。与mousemove非常相似。

Answer 2

您可能希望查看像hammer.js这样的抽象层，这样您就可以处理鼠标事件，以及各种平台特定的触摸事件：http://eightmedia.github.com/hammer.js/