如何在Safari for iPad中使用jQuery识别触摸事件？有可能吗？

Question

如何在Safari for iPad中使用jQuery识别触摸事件？有可能吗？使用jQuery可以识别iPad Safari浏览器上的触摸事件吗？我在Web应用程序中使用了mouseover和mouseOut事件。iPad的Safari浏览器是否有类似的事件，因为没有像mouseOut、mouseMove这样的事件？

Answer 1

如果您使用的是jQuery1.7+，那么它甚至比其他所有的答案都要简单。

$('#whatever').on({ 'touchstart' : function(){ /* do something... */ } });

Answer 2

最简单的方法是使用像Hammer.js这样的多点触摸JavaScript库..然后您可以编写如下代码：

canvas    .hammer({prevent_default: true})
    .bind('doubletap', function(e) { // And double click
        // Zoom-in
    })
    .bind('dragstart', function(e) { // And mousedown
        // Get ready to drag
    })
    .bind('drag', function(e) { // And mousemove when mousedown
        // Pan the image
    })
    .bind('dragend', function(e) { // And mouseup
        // Finish the drag
    });

你可以继续前进。它支持水龙头，双龙头，滑动，保持，转换(即捏)和拖动。当发生等效的鼠标操作时，触摸事件也会触发，因此不需要编写两组事件处理程序。哦，如果您想要像我这样以jQueryish方式编写，那么您需要jQuery插件。

Answer 3

对于触摸事件，核心jQuery没有什么特别之处，但是您可以使用以下事件轻松地构建自己的

• 触地启动
• 触移
• 触端
• 触取消

例如，touchmove

document.addEventListener('touchmove', function(e) {
    e.preventDefault();
    var touch = e.touches[0];
    alert(touch.pageX + " - " + touch.pageY);}, false);

这可以在大多数基于Webkit的浏览器中工作(包括。机器人)。

这里有一些很好的文档：