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
では必要に応じて「パス」を返します...
そこで、次のことを試しました。
パス要素のみにmousemoveイベントをバインドしましたが、それもFirefoxではトリガーされません。
$(evt.target).closest("#path")
Firefox では動作しません。
問題は、firefox で path 要素の mousemove がターゲットを "rect" として返すことです。これに対する代替ソリューションを教えてください。div のパス要素で mousemove イベントをキャプチャする必要があります。