javascript - 可拖动组的子项上的 Snap.svg 单击事件，事件未在触摸设备上触发

Question

http://codepen.io/anon/pen/dpiBs

我有一个组，其中包含两个矩形。红色矩形上有点击事件边界，显示警报消息。父组是可拖动的。

在计算机上，当您拖动红色矩形时，它会移动，并且在拖动结束时，它会显示警报。那没问题。但是在触摸设备上（在 iPad 3 和 iOS7 上测试），您可以拖动这些矩形，但红色矩形上的点击事件永远不会执行。

有什么方法可以在触摸设备上的红色矩形上启用该点击事件？此外，任何关于如何在计算机上拖动结束时摆脱该单击事件的建议都非常受欢迎。

感谢帮助。

Answer 1

伊恩为我指出了正确的方向。在触摸设备上，我们必须使用 touchstart 和 touchend 事件。我使用modernizr 来检测触摸设备。这是对我有用的新代码笔：http: //codepen.io/anon/pen/yDKep

非常感谢伊恩！

编辑：我的解决方案不适用于 android。例如，最好检查 touchstart 和 touchend 上的目标元素是否具有相同的 id。