javascript - 是否可以在不改变其功能的情况下禁用 onclick？

Question

我知道禁用元素上的 onclick 事件的方法是:

element.onclick = null;

启用:

element.onclick = function(){
   // something
};

或

element.addEventListener("click", me);

这很好，但是当您有多个元素时 - 每个元素都具有相同的功能但参数值不同 - 使用这种方式会变得有点烦人。有没有一种方法可以在不牺牲初始函数及其参数的情况下禁用它？

我想保持该功能的原样，而不必将其设置为 null 或其他内容以禁用它。

Answer 1

使用 disabled 属性来禁用按钮。

<button onclick="alert('clicked')">Enabled</button>
<button onclick="alert('clicked')" disabled>Disabled</button>

这种方法(相对于备选答案中建议的“指针事件”)的优势在于，它不仅会阻止您作为鼠标用户使用按钮，还会阻止辅助技术和任何使用键盘的人。

在 JavaScript 中，您可以禁用或启用该属性:

el.disabled = true;   // Disable.
el.disabled = false;  // Enable.

或者使用 jQuery 你可以这样做:

$('button').prop('disabled', true);   // Disable.
$('button').prop('disabled', false);  // Enable.