Javascript 鼠标在svg元素MS边缘上释放鼠标

我试图在svg元素（本例中为rect）上触发mouseleave/mouseout事件，但在Microsoft Edge上出现问题

这是一个复制问题的过程。 Edge版本为40.15063.0.0

在chrome和Firefox上，我也尝试了jquery或事件委派

<rect id="rect1" x="160" y="10"
    width="60" height="60"  fill="blue"
    onmouseover="evt.target.setAttribute('opacity', '0.5');"
    onmouseout="evt.target.setAttribute('opacity','1)');"/>

为什么不直接使用：hover伪类？这就是这个问题的一个例子，在实际的项目中，我需要做非常复杂的操作。尽管我必须从setAttribute（'opacity'，'1'）值中删除额外的关闭参数。MS Edge版本40.15063.0.0。我也有同样的问题！Edge 40中的SVG对象存在非常奇怪的鼠标事件问题。但这似乎是一个已知的问题：是的，我在这之后打开了：）为什么不使用：hover伪类呢？这就是这个问题的一个例子，在实际的项目中，我需要做非常复杂的操作。尽管我必须从setAttribute（'opacity'，'1'）值中删除额外的关闭参数。MS Edge版本40.15063.0.0。我也有同样的问题！Edge 40中的SVG对象存在非常奇怪的鼠标事件问题。但这似乎是一个已知的问题：耶，我在这之后打开了它：）