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

Question

我正在开发一个触摸屏应用程序，我想捕获相当于鼠标按下和鼠标松开事件的内容。

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

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

感谢您的帮助， 本

Answer 1

只需使用 jQuery mousedown 和 鼠标悬停。

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

$(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

我认为这个 jQuery 插件可以帮助你。