Raphael元素事件处理程序不适用于大纲模式

只有在填充元素时才执行Raphael元素事件处理程序。Raphael元素事件处理程序不适用于大纲模式

当元素没有填充时，不执行点击事件处理程序。对于未填充的元素，鼠标悬停事件的行为不同（触发鼠标悬停和鼠标悬停）。

为什么会这样呢？

2012-01-31 rajkamal

您可能想查看有关指针事件的article。正如你在这个fiddle中看到的那样，如果你将指针事件设置为'fill'，我认为这是按照你想要的方式工作的。请记住，尽管如此，这可能不适用于IE，因为Raphael在IE中不使用SVG。

基本上，pointer-events: fill导致该元素充当鼠标事件填充。

2012-02-01 13:24:06

感谢您的正确指针.. – rajkamal 2012-02-02 06:43:35

没有双关语意图？ – 2015-03-05 07:38:10

固定对我来说 - 点击事件将直接通过“空心”对象，没有填充和下面的对象的土地，所以没有触发鼠标事件。漂亮的修复迈克。谢谢！ – 2015-03-05 07:40:09

你可能已经意识到，当元素不填充时，拉斐尔只画出了图的边界，对吧？

如果在元素的边框处正确点击（这不太可能导致边框宽度太小），则无论如何都会触发该事件。

所以事件句柄没有错，但是你应该用颜色或填充来填充你的元素：透明。

2012-01-31 09:44:06 tomen

填充透明不起作用。是的，点击轮廓正在工作。但鼠标悬停事件不起作用。 – rajkamal 2012-02-01 06:35:26

不使用透明，我误以为。但我可以确认没有填充元素的作品，所有点击和鼠标悬停，鼠标悬停事件。 – tomen 2012-02-01 07:10:18

mouseover，mouseout的行为非常不同。请检查小提琴 – rajkamal 2012-02-01 07:15:24

回答