javascript - 为什么 FireFox 并不总是选择正确的事件目标？ (特别是路径元素)

Question

我不确定这是不是 firefox 中的错误，但我遇到了一个只存在于 firefox 中的问题。

我有下面的html代码:

<div id="Div1"></div>   
<div id="mydiv">
   <div style="height: 590px;">
      <svg id="mySvg" style="height: 100%; width: 100%; z-index: 8000;">
         <g>
            <path stroke="black" d="M50,123L1400,323" style="stroke-width: 10; opacity: 1;">  </path>
         </g>
      </svg>
   </div>
</div>

使用 javascript/jquery，我正在尝试处理 mousemove 事件:

$("#mydiv").mousemove(function (x) {
  Div1.innerHTML = x.target.tagName;
});

我遇到的问题是，即使鼠标位于行的顶部，它也不总是将路径显示为事件目标 tagName。

请注意:

1. 当路径的 Angular 是 (0 度)
2. 这似乎不是问题 短
3. 如前所述，这在 IE9 和 Chrome 中都不是问题 v24.我正在使用 FireFox v18 进行测试。

我创建了 jsFiddle以供审查。

如果可能的话，如果我做错了什么，或者是否有解决此问题的方法，请告诉我。

谢谢大家的帮助

Answer 1

我相信这之前已经发布过，它与 firefox 中的一个错误有关。

https://bugzilla.mozilla.org/show_bug.cgi?id=676001