我不确定这是不是 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。
请注意:
- 当路径的角度为(0度)时,这似乎不是问题
- 当线路很短时,这似乎不是问题
- 如前所述,这在 IE9 和 Chrome v24 中都不是问题。我正在使用 FireFox v18 进行测试。
我创建了jsFiddle以供审查。
如果可能的话,如果我做错了什么,或者是否有解决此问题的方法,请告诉我。
谢谢大家的帮助