微软边缘的svg解决方法中的鼠标事件

Question

我正在html页面的<object>标记中加载SVG文件。 SVG包含带有鼠标事件onclick，onmouseover和onmouseout的图像。我发现那些触发器应该在firefox和google-chrome中触发。

当我使用Microsoft edge加载页面时，我发现：

• onclick似乎没有触发，

我将鼠标移到图像上（而不仅仅是一次）时，

• onmouseover多次跳闸，

• onmouseout似乎也没有做任何事情。

Googeling这个问题表明，我不是唯一一个遇到微软优势问题的人，而且这个问题已经过时了。

但是有没有解决这类问题的方法呢？

Answer 1

我发现，对于将css设置为{pointer-events: bounding-box}的svg子元素，bounding-box在Edge中不是css选项。我将这些元素的css更改为 {pointer-events: visible}进入Edge，然后触发我的鼠标事件，就像在Chrome和Firefox中一样。