获取画布中的鼠标位置[重复]

有没有办法获得鼠标的位置<canvas>标签？我想要相对于右上角的位置<canvas>，而不是整个页面。

接受的答案不会每次都有效。如果不使用相对位置，属性 offsetX 和 offsetY 可能会产生误导。

您应该使用该功能：canvas.getBoundingClientRect()来自画布 API。

  function getMousePos(canvas, evt) {
    var rect = canvas.getBoundingClientRect();
    return {
      x: evt.clientX - rect.left,
      y: evt.clientY - rect.top
    };
  }
  canvas.addEventListener('mousemove', function(evt) {
    var mousePos = getMousePos(canvas, evt);
    console.log('Mouse position: ' + mousePos.x + ',' + mousePos.y);
  }, false);