HTML5检测正在移动的圆元素上的点击

<div id="circle"></div>

#circle {
  width: 100px;
  height: 100px;
  background-color: red;
  border-radius: 50%;
}

var circle = document.getElementById("circle");

circle.addEventListener("click", function(event) {
  // 在这里执行点击事件的处理逻辑
});

circle.addEventListener("click", function(event) {
  var x = event.clientX;
  var y = event.clientY;
  
  // 在这里根据坐标判断点击事件是否发生在圆形元素上
});

circle.addEventListener("click", function(event) {
  var x = event.clientX;
  var y = event.clientY;
  
  var circleX = circle.offsetLeft + circle.offsetWidth / 2;
  var circleY = circle.offsetTop + circle.offsetHeight / 2;
  var radius = circle.offsetWidth / 2;
  
  var distance = Math.sqrt(Math.pow(x - circleX, 2) + Math.pow(y - circleY, 2));
  
  if (distance <= radius) {
    // 点击事件发生在圆形元素上
  } else {
    // 点击事件发生在圆形元素外部
  }
});