3

これが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としてパスが常に表示されるとは限らないことです。

ご注意ください：

  1. パスの角度が（0度）の場合、これは問題ではないようです。
  2. 回線が短い場合は問題ないようです
  3. 前述のように、これはIE9でもChromev24でも問題ではありません。私はFireFoxv18でテストしています。

レビュー用にjsFiddleを作成しました。

可能であれば、私が何か間違ったことをしているのか、またはこの問題の回避策があるのか​​を知らせてください。

すべての助けをありがとう

4

1 に答える 1

1

これは以前に投稿されたもので、Firefoxのバグに関連していると思います。

https://bugzilla.mozilla.org/show_bug.cgi?id=676001

于 2013-09-23T09:13:32.313 に答える