javascript中的鼠标X和鼠标Y [重复]

【问题标题】：Mouse X And Mouse Y in javascript [duplicate]javascript中的鼠标X和鼠标Y [重复]
【发布时间】：2021-01-13 16:40:15
【问题描述】：

我正在用 JavaScript 制作光线投射器。如何跟踪鼠标 X 和鼠标 Y？我环顾四周，但找不到任何关于这种特定情况的信息..

【问题讨论】：

标签： javascript

【解决方案1】：

试试

function getPosition(event) {
  var x = event.offsetX; //event.clientX
  var y = event.offsetY; //event.clientY
  var positionText= "X: " + x + ", Y: " + y;
  document.getElementById("result").innerText = positionText;
}

#content-area{
  width:400px;
  height:100px;
  background-color:red;
}

<span id="result"></span>
<div id="content-area" onmousemove="getPosition(event)">

</div>

【讨论】：

谢谢！成功了！