拉斐尔JS事件冒泡

Question

有没有办法模拟Raphael JS中的事件冒泡？ 我有几个圆形物体，我想把图标放进去，但是当我把图标放在上面时，我对圆圈上的所有事件处理（悬停，点击，拖动）都会搞砸（图标抓住悬停，点击，改为拖动事件）。

我已经考虑了几个选项，但是大多数都是非常非常混乱的（交叉调用所有类型的事件处理程序以试图“同步”图标和按钮）当我真正想做的就是“分组”图标并作为一个按钮圈在一起。 更简单的方法是将圆形+按钮设置为图像本身，但我希望能够动态更改按钮的颜色，因此手动更改图像的颜色会很麻烦。

有没有更好的方法来做到这一点？

Answer 1

你有没有考虑过制作一个z-order更高的大透明形状并覆盖所需的区域？

Answer 2

我一直在研究这个并且有一个针对Raphael的补丁，允许命名集：请参阅我在Raphael JS的回答：如何在IE中的对象上使用jQuery选择器？

通过检查悬停函数中元素的集合成员资格，您可以轻松地同时操作集合中的其他元素。 这不是真正的事件冒泡，但它以跨浏览器兼容的方式实现了相同的目标。