JavaScript 将指针事件从无设置为自动

Question

我需要一种方法来覆盖设置为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 会覆盖该设置，但事实并非如此。

Answer 1

您应该将

const

更改为

var

，因为您使用

const

生成的内容无法更改