android - 如何使用 javascript 检测触摸移出节点。

Question

我正在使用 phonegap 构建一个 Android 应用程序。当用户作为元素触摸时，我正在尝试实现触摸移动事件。但是我仍然无法使其完美。

触摸移动事件完美无缺，但当我触摸那个区域并将手指拖到另一个触摸区域时，没有触发任何事件。

所以要点:-用户触摸页面中的一个元素；然后将手指移出元素的范围。我想在手指移出元素时捕捉事件。当它进入另一个触摸区域时，触摸移动功能应该再次触发。

谢谢

Answer 1

也许您应该在您的问题中添加一个 javascript 标签以获得更多关注。

据我所知，没有浏览器支持像“mouseout”或“mouseover”这样的触摸事件。

所以我们必须自己跟踪。由于我们获得的触摸对象(当触发触摸事件时)仅提供触摸事件启动的目标，因此我们必须使用触摸位置检查我们触摸的是哪个元素。

为此我使用了 document.elementPosition(x, y)。

因此，通过触摸事件的坐标，我们可以获得正在触摸的元素。

为了识别离开元素，我存储了最后一个被触摸的元素并检查新的触摸事件，如果我仍然触摸同一个元素。如果不是这种情况，我们将保留旧版本并可以处理。

我写了一个简短的演示 (jsbin)。 You can try it here on your phone.

Source code can be also found here.

此演示中缺少对预期触摸区域之外的触摸事件的处理。

我想知道是否有更好的方法来处理您的任务。如果是这样，希望有人会在这里写下来。也许您在将问题添加到此处后找到了问题的答案？