检测手指何时离开屏幕上的对象

【问题标题】：Detect when a finger moves away from an object on the screen检测手指何时离开屏幕上的对象
【发布时间】：2012-02-13 01:36:57
【问题描述】：

我有一个在移动浏览器上运行的 HTML5 应用程序。其中，如果用户按下按钮，将手指从 div 移开，然后向上抬起手指，则不会触发 touchend 事件，并且按钮保持“按下”状态。

有什么方法可以检测到这种情况何时发生？我试图避免复杂的解决方案，比如在整个屏幕上监听 touchend 事件。

【问题讨论】：

【解决方案1】：

这是预期的行为。鼠标也应该发生同样的事情。

也就是说，touchend 事件不会在它开始的元素上触发，但应该在 body 元素上触发。如果您在那里听，您可以检查是否有任何按钮处于活动状态，如果是，您可以将它们设置为非活动状态（blur()，如果您使用 CSS）。

【讨论】：