js 监听光标位置

要监听光标位置，可以使用JavaScript的鼠标事件来实现。

首先，需要获取页面上的元素，然后为这些元素添加鼠标事件监听器。

以下是一个示例，演示如何监听鼠标的移动位置：

// 获取需要监听的元素
const targetElement = document.querySelector('#target');

// 监听鼠标移动事件
targetElement.addEventListener('mousemove', (event) => {
  // 获取光标位置
  const x = event.clientX;
  const y = event.clientY;
  
  // 输出光标位置
  console.log(`光标位置：(${x}, ${y})`);
});

在上面的代码中，我们首先使用document.querySelector方法获取了一个具有"id"为"target"的元素。然后，我们使用addEventListener方法为该元素添加了一个"mousemove"事件监听器。当鼠标在"target"元素上移动时，事件监听器会被触发，然后我们可以通过event.clientX和event.clientY获取光标的水平和垂直位置。

你可以根据实际需求修改代码，监听其他鼠标事件或者添加更多的元素来监听光标位置。