在鼠标下获取 HTML 元素

在 web 开发中，有时需要根据用户鼠标的位置来获取该位置下的 HTML 元素。这个操作可以借助 JavaScript 来实现。下面是一个示例代码，可以实现这个功能：

document.addEventListener('mousemove', function (event) {
  var targetElement = document.elementFromPoint(event.clientX, event.clientY);
  console.log(targetElement);
});

上述代码使用了 document.elementFromPoint 方法，该方法接收两个参数：鼠标位置的 X 和 Y 坐标。它会返回该位置下的 HTML 元素。

在示例代码中，我们监听了鼠标的 mousemove 事件，然后在回调函数中调用了 elementFromPoint 方法来获取目标元素，最后打印该元素到控制台上。

注意：elementFromPoint 方法会返回最上层的可见元素，因此可能会返回一些不符合预期的元素。

此外，在实际开发中，我们可能需要将获取到的元素进行一些特定的操作，比如添加样式、修改属性等。这些操作也可以借助 JavaScript 来实现。