Question

如何在指针事件none 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覆盖wrapper的CSS类，以将指针事件设置为auto，否则，在CSS中将鼠标事件设置为none时，鼠标事件将不起作用。

鼠标移至指针事件无div

1 个答案: