如何获取被点击元素的位置

// HTML
<button id="myButton">点击我</button>

// JavaScript
document.getElementById("myButton").addEventListener("click", function(event) {
  var x = event.clientX; // 获取点击事件的水平坐标
  var y = event.clientY; // 获取点击事件的垂直坐标
  
  var targetElement = event.target; // 获取被点击的元素
  var elementRect = targetElement.getBoundingClientRect(); // 获取元素的边界框信息
  
  var elementX = elementRect.left + x; // 计算元素的水平位置
  var elementY = elementRect.top + y; // 计算元素的垂直位置
  
  console.log("被点击元素的位置：", elementX, elementY);
});