javascript - iPad touchstart 触发两次

Question

我正在处理跨平台触摸事件。 (滑动等)它们适用于 Android 设备，但对于 iPad，touchstart 事件会触发两次。

this.element.addEventListener('touchstart', mousedown, false);

var mousedown = function(event) {
    // Finger Press
    event.preventDefault();
    _this.inGesture = true;
    _this._originalX = (event.touches) ? event.touches[0].pageX : event.pageX;
    _this._originalY = (event.touches) ? event.touches[0].pageY : event.pageY;

};

此函数在 iPad 上触发两次，但在 Android 上运行正常。

我应该补充一点，它会触发 touchstart，然后是 touchmove，然后是 touchend，最后出于某种原因它会触发另一个 touchstart。

在 JSFiddle 上:http://jsfiddle.net/6Lb3Z/1

截图:http://i.imgur.com/GS8uI.png

Answer 1

如果您使用的是像 jQuery 或 Zepto 这样的库，那么您可以使用 .one 方法。

来自API documentation jQuery 的:

Attach a handler to an event for the elements. The handler is executed at most once per element.