SVGマウスポインタの位置

Question

SVG viewBoxの範囲内にあるときにJavaScriptを使用してマウスポインタの位置を調べる方法を知りたいと思います。さまざまなマウスモーションイベントをすべて追跡するためにイベントモデルを使用する必要がありますか、それともマウスポインタをポーリングして必要なときにどこにあるか教えてもらう方法はありますか？

Answer 1

あなたはonmousemoveイベントにフックし、イベントオブジェクトにアクセスすることができます。

function on_mouse_move(evt) { 
    var 
    x = evt.clientX, 
    y = evt.clientY; 
} 

を（これはon_mouse_moveは、あなたのSVG文書のonmousemoveイベントに接続されていると仮定します）。