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