如何获得鼠标点击的xy坐标像素位置？

要获得鼠标点击的 xy 坐标像素位置，您可以使用 JavaScript 和 HTML 来获取这些信息。以下是一个简单的示例：

在 HTML 中，为要获取鼠标点击坐标的元素添加一个 onclick 事件监听器。
在 JavaScript 中，使用 event 对象来获取鼠标点击坐标的像素位置。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>Get Mouse Click Pixel Location</title>
</head>
<body>
  <button onclick="getPixelLocation()">点击获取坐标</button>

  <script>
    function getPixelLocation() {
      // 获取鼠标点击位置的事件对象
      const event = document.createEvent('MouseEvents');

      // 定义鼠标点击事件
      event.initEvent('click', true, true);

      // 添加事件监听器到元素
      document.querySelector('button').dispatchEvent(event);
    }
  </script>
</body>
</html>

在此示例中，我们创建了一个按钮，并为其添加了 onclick 事件监听器。当用户点击此按钮时，事件监听器将获取鼠标点击事件的像素位置，并在页面上显示这些信息。

需要注意的是，由于浏览器安全策略的限制，跨域请求可能会受到限制。因此，如果您希望在页面中显示鼠标点击坐标的像素位置，您可能需要对您的代码进行一些修改。