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].nodeNameFirefoxでは「rect」として取得していますが、IEとchrome$(evt.target)[0].nodeNameでは必要に応じて「パス」を返します...

そこで、次のことを試しました。

  1. パス要素のみにmousemoveイベントをバインドしましたが、それもFirefoxではトリガーされません。

  2. $(evt.target).closest("#path")Firefox では動作しません。

問題は、firefox で path 要素の mousemove がターゲットを "rect" として返すことです。これに対する代替ソリューションを教えてください。div のパス要素で mousemove イベントをキャプチャする必要があります。

4

0 に答える 0