在Javascript中查找(x,y)坐标处的元素(最高可见元素)

在Javascript中查找(x,y)坐标处的元素(最高可见元素),javascript,Javascript,我正在用纯Javascript编写一个HTML调试器,在尝试模拟鼠标指针时遇到了一个障碍。其想法是在“admin”页面上移动鼠标,更改将反映在运行调试Javascript代码的客户机上。我想在管理页面上“单击”并针对客户端计算机上的模拟光标所在的客户端DOM元素执行css/remove操作。因此,我可以使用z-index、DOM顺序等计算图像下的元素,但这会给客户机带来巨大的负载,关键是要尽可能使这个应用程序保持精简。另外,浏览器已经在为鼠标进行这些计算,如果我有时间和耐心的话,自己重写整个算法

我正在用纯Javascript编写一个HTML调试器,在尝试模拟鼠标指针时遇到了一个障碍。其想法是在“admin”页面上移动鼠标,更改将反映在运行调试Javascript代码的客户机上。我想在管理页面上“单击”并针对客户端计算机上的模拟光标所在的客户端DOM元素执行css/remove操作。因此,我可以使用z-index、DOM顺序等计算图像下的元素,但这会给客户机带来巨大的负载,关键是要尽可能使这个应用程序保持精简。另外,浏览器已经在为鼠标进行这些计算,如果我有时间和耐心的话,自己重写整个算法将是一种浪费

是否有javascript函数或特定于浏览器的api可用于确定哪个元素直接位于另一个元素下?

我希望这会有所帮助

document.body.addEventListener('mousemove', function (event) {
  console.log(event.target);
  event.target.style.backgroundColor = 'red';
}, false);

应该对你有用。如果您希望所有元素都位于(x,y)坐标,则有许多
元素frompoint
的实现,例如..

鼠标光标只是客户端的一个图像,我无法将鼠标事件附加到它。我以为您是,对于这样的事情,我不想触发实际的点击事件,因为权限是js触摸事件。我想点击管理页面,在客户端DOM元素的上下文中生成一个对话框,鼠标图像已经结束。