javascript - 如何禁用类的onclick

我想知道如何禁用某个类的onclick事件。我知道您可以使用CSS pointer-events: none;，但是我希望悬停事件仍然有效，只是禁用了onclick。

另外，我以后如何重新启用它们？例如：

if (document.getElementById('wuzi').backgroundColor == "green" ) {
 //disable onclick
 } else {
 //enable onclick
}

谢谢

最佳答案

您只需添加和删除侦听器即可“单击”：

var wuzi = document.getElementById('wuzi');
if (wuzi.backgroundColor === "green" ) {
  wuzi.removeEventListener('click');
} else {
  wuzi.addEventListener('click', clickHandler);
}

其中clickHandler是用于处理点击的函数。