Javascript 为什么FireFox不总是选择正确的事件目标？（特别是路径元素）

我不确定这是否是firefox中的一个bug，但我有一个只存在于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>

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

请注意:

当路径的角度为时，这似乎不是问题 （0度）

这似乎不是一个问题，当线是 短

如前所述，这在IE9和Chrome中都不是问题 v24。我正在用FirefoxV18进行测试

我已经创建了一个供审查的文件

如果可能的话，请让我知道我是否做错了什么，或者是否有解决这个问题的方法

---

感谢您提供的所有帮助

我相信这是之前发布的，它与firefox中的一个bug有关

---

它还有一个问题。如果我沿着您的路径滑动鼠标，它将继续在“svg”和“path”之间跳跃，而它应该保持“path”，因为我从未将鼠标移出它注：正如我常说的：Firefox:21世纪相当于臭名昭著的IE6。

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