Snap.svg在可拖动的组的子项上单击事件,事件不在触摸设备上触发

时间:2014-03-06 18:02:26

标签: javascript svg snap.svg

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

我有一个包含两个矩形的组。红色矩形上面有点击事件,显示警告信息。父组是可拖的。

在计算机上,当您拖动红色矩形时,它会移动并在拖动结束时显示警告。那没问题。但是在触摸设备上(在带有iOS7的iPad 3上测试),你可以拖动那些矩形,但是红色矩形上的点击事件永远不会执行。

有没有办法在触摸设备上的红色矩形上启用点击事件? 此外,任何建议如何摆脱计算机拖动结束时的点击事件是非常受欢迎的。

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

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

非常感谢伊恩!

编辑:我的解决方案无法在Android上运行。最好检查touchstart和touchend上的目标元素是否具有相同的id。