javascript - SVG 鼠标指针位置

Question

我想知道如何使用 JavaScript 找出鼠标指针在 SVG viewBox 范围内时的位置。我是否需要使用事件模型来跟踪所有各种鼠标移动事件，或者是否有一种方法可以轮询鼠标指针以让它在我需要时告诉我它在哪里？

Answer 1

您可以 Hook 到 onmousemove 事件并访问事件对象:

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

(假设 on_mouse_move 连接到 SVG 文档的 onmousemove 事件)。