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

Question

我正在使用javascript，我需要更改样式：pointer-events：none to 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;
};