javascript - 鼠标移动指针事件无 div

Question

如何在指针事件无 div 上触发 mousemove 事件，我无法仅编辑 javascript(银行)页面的 html

<h1>title</h1>
<div class="wrapper">
  <h3>element 1</h3>
  <h3>element 2</h3>
</div>

该脚本当前仅触发主体作为目标而不是元素

document.body.addEventListener("mousemove", function(e) {
  console.log(e.target)
})

https://codepen.io/anon/pen/PxOMQL

Answer 1

我想这就是你要找的。一旦鼠标移动到带有类包装器的 div 内的任何内容上，它就会记录下来。

let wrappers = document.getElementsByClassName("wrapper");
for ( let i = 0; i < wrappers.length; i++ ) {
    wrappers[ i ].style.pointerEvents = "auto";
    wrappers[ i ].addEventListener( "mousemove", function(e){
    console.log( e.target );
    });
}

.wrapper {
 pointer-events: none; 
}

<h1>title</h1>
<div class="wrapper">
  <h3>element 1</h3>
  <h3>element 2</h3>
</div>

编辑:您可以用 JavaScript 覆盖包装器的 CSS 类以将指针事件设置为自动，否则鼠标事件在 CSS 中设置为无时将不起作用。