我如何在指针事件无 div 上触发 mousemove 事件,我无法编辑页面的 html,只有 javascript(银行)
<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)
})
我想这就是你要找的。一旦鼠标移动到带有类包装器的 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 中将鼠标事件设置为无时,鼠标事件将不起作用。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句