我需要一种方法来覆盖设置为pointer-events:none 的元素。我已经尝试了一些东西,但似乎无法控制此设置下的元素。
const meinElement = document.getElementById('hovertest');
meinElement.addEventListener('mouseenter', function() {
meinElement.style.pointerEvents = "none";
meinElement.classList.add('hovered');
});
meinElement.addEventListener('mouseleave', function() {
meinElement.style.pointerEvents = "none";
meinElement.classList.remove('hovered');
});
#hovertest {
width: 100px;
height: 100px;
border: 1px solid red;
position: absolute;
z-index: 999999999999999999999999999999999999999999999999999999999;
}
.hovered {
background-color: red;
pointer-events: auto;
}
我已经尝试过这个建议,但没有成功。 JavaScript 设置指针事件
我期望 JS 会覆盖该设置,但事实并非如此。
您应该将
const
更改为 var
,因为您使用 const
生成的内容无法更改