javascript - SVG 鼠标指针位置

Question

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

Answer 1

您可以挂钩onmousemove事件并访问事件对象：

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

（这假设on_mouse_move连接到onmousemove您的 SVG 文档的事件）。