javascript - touchstart 和 touchend 事件引用同一个元素，而事件在不同元素上完成

Question

我的 Android 平板电脑的 Javascript 代码有问题。

假设我有几个div标签组成的网格。与“盒子”类；

现在我为网格中的所有这些 div 绑定事件处理程序。

当touchstart (mousedown) 事件发生时，我将光标移动到网格中的其他 div（不释放光标），然后在当前 div 上释放光标（touchend）。当我试图提醒当前 div（即 touchend div）的 id 时，警报会显示发生“touchstart”的 div的id。

$(".box").bind('touchstart',function () {alert($(this).attr("id"))});
$(".box").bind('touchend',function () {alert($(this).attr("id"))});

实际上这是我的第一个安卓平板程序。所以我需要帮助。

Answer 1

这是意料之中的，如果它做了其他任何事情，那将是非常混乱的。如果它最终所在的元素没有注册的侦听器，您将永远不会收到 touchEnd 事件。

您可以通过查看触摸的坐标属性来查看触摸的位置，并且您可以使用 touchmove 跟踪它。

Answer 2

真的不明白你的问题。您是否正在尝试获取警报以显示鼠标按下位置的 div id？您需要将 touchstart 事件中的 id 存储在一个变量中，并在 touchend 发生时显示该值。