如何在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没有什么特别之处，但是您可以使用以下事件轻松地构建自己的触地启动触移触端触取消例如，touchmovedocument.addEventListener('touchmove', function(e) {     e.preventDefault();     var touch = e.touches[0];     alert(touch.pageX + " - " + touch.pageY);}, false);这可以在大多数基于Webkit的浏览器中工作(包括。机器人)。这里有一些很好的文档：