javascript - Javascript更改为元素的指针事件CSS属性

Question

我正在使用 javascript，我需要将样式：pointer-events:none 更改为 pointer-events:auto，反之亦然。我怎样才能做到这一点？

Answer 1

使用 jQuery，您可以使用：

$(function(){
    $('#yourElement').css('pointer-events', 'auto');
});

Answer 2

我有一个函数可以交换元素上的指针事件。

在 JavaScript 中

function swapPE(forme){
  if (forme.style.pointerEvents == "none") forme.style.pointerEvents = "auto";
  else forme.style.pointerEvents = "none";
};

我通常通过附加事件处理程序来激活此功能

onClick(swapPE(this);)

如果直接激活，则到元素。如果不是，我只是通过引用元素 ID 来调用它。

在此之前，我也经常想更改元素的某些外观，因此我使用 JavaScript 更改元素的类名，其中每个类名都包含相关的指针事件语句。

如果您想使用多于一对指针事件，只需发送参数即可。

onClick(swapPE(this, "auto", "none");)
or
onClick(swapPE(this, "all", "none");)

function swapPE(forme, ev1, ev2){
  if (forme.style.pointerEvents == ev1) forme.style.pointerEvents = ev2;
  else forme.style.pointerEvents = ev1;
};