0

我在 div 中有一组 svg 元素

<div id="parent">
    <rect width='600' height='600'> </rect>
    <g>
        <path d="M  285 0 L 285 0 L 318.34499999999997 57.5055 L 251.655 57.5055 z"/>
    </g>
</div>

并将 mousemove 事件绑定到 document.ready 中的 div 元素

 $("#parent").mousemove(function(event) {
     var child=$(evt.target)[0].nodeName;
 });

即使在 div 中的路径元素上移动，我$(evt.target)[0].nodeName在 Firefox 中也得到了“rect”，但在 IE 和 chrome$(evt.target)[0].nodeName中，我想要返回“路径”......

所以我尝试了以下事情：

  1. 单独为路径元素绑定了 mousemove 事件，但这也没有在 Firefox 中触发。

  2. $(evt.target).closest("#path")不能在 Firefox 中工作。

问题是路径元素上的 mousemove 在 Firefox 中将目标返回为“rect”。请告诉我任何替代解决方案。我需要在 div 中的路径元素上捕获 mousemove 事件。

4

0 回答 0