如何在手指触摸屏幕时以及从触摸屏设备上的屏幕移除手指时捕获

Question

我正在为触摸屏开发应用程序，我想捕获相当于鼠标按下和鼠标移动事件。

例如，当用户的手指触摸屏幕时，将执行javascript函数，但当手指离开屏幕时，功能会停止。

我正在使用firefox 3.5，我的javascript使用jQuery框架。

感谢您的帮助， 本

Answer 1

只需使用jQuery mousedown和mouseup。

使用手指没有特定事件，因为所有手指动作都是在页面上触发鼠标事件：

$(document).mousedown(function(e) {
   alert("Finger is Down");
});

$(document).mouseup(function(e) {
   alert("Finger is Up");
});

Answer 2

无论用户是要点击还是滚动，当手指触摸屏幕时， touchstart 事件都会触发。 mousedown 在这些情况下不起作用。

$(document).on('touchstart', 'body', function(){
  alert("Screen touched");
});

我不知道当手指离开屏幕时会发生任何事件。

Answer 3

您可能对touchcancel事件感兴趣：https://developer.mozilla.org/en-US/docs/Web/Events/touchcancel。

Answer 4

我认为this jQuery plugin可以帮到你。