Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在覆盖下面的元素上注入鼠标事件处理_Javascript_Html_Css - Fatal编程技术网

Javascript 在覆盖下面的元素上注入鼠标事件处理

Javascript 在覆盖下面的元素上注入鼠标事件处理,javascript,html,css,Javascript,Html,Css,我有一种情况,我想处理鼠标在覆盖层下面的元素上移动的事件 指针事件确实有效,但我的问题是我没有访问该代码的权限。我想把代码注入一个我没有任何访问权限的网站 以以下为例: document.getElementById('img').addEventListener('mouseover',()=>{alert('mouse event');}) 您可以尝试使用document.elements frompoint(x,y)方法获取指示光标下元素的元素列表 document.querySelec

我有一种情况,我想处理鼠标在覆盖层下面的元素上移动的事件

指针事件确实有效,但我的问题是我没有访问该代码的权限。我想把代码注入一个我没有任何访问权限的网站

以以下为例:

document.getElementById('img').addEventListener('mouseover',()=>{alert('mouse event');})

您可以尝试使用
document.elements frompoint(x,y)
方法获取指示光标下元素的元素列表

document.querySelector('#divOverlay').addEventListener('mousemove', function(e){
  console.log(document.elementsFromPoint(e.clientX, e.clientY));
});
现在,当鼠标悬停在覆盖层下方的
img
元素上时,您将得到一个元素列表,如
[div#divOverlay,img#img,…]
。通过这种方式,您可以间接了解光标何时位于
img


但是,由于这是在
mousemove
事件处理程序中,如果您实际上只需要对其执行
mouseover
操作,则可能需要添加一些额外的逻辑,例如在第一次检测到您的
img
处于光标下时删除事件侦听器。

@mplungjan刚刚更新了问题。请再次检查。@mplungjan我想我忘了给我的问题加上限制。指针事件确实有效,但我的问题是我没有访问该代码的权限。我想把代码注入一个我没有任何访问权限的网站。我已经在谷歌上搜索了可能的解决方案,但没有找到任何解决方案。一种方法是找到指针坐标下的所有元素,但我正在寻找一个更干净的解决方案。这是相关的信息。为什么我们必须等待这个问题的三次迭代才能理解您的问题?