javascript - 是否可以永久禁用 html 按钮？

Question

我是编程新手，所以我了解不多，但我想知道是否有办法永久禁用按钮。我用过这个:

document.getElementById("WhateverTheIdIs").disabled = true;

但在文档的某些部分，我通过使用以下内容来反转:

document.getElementById("WhateverTheIdIs").disabled = false;

我需要一些可以覆盖它的东西，并且只是永久禁用该按钮。有办法做到这一点吗？

Answer 1

只有一种方法可以禁用或启用按钮。因此，如果您正在寻找一种单独的方法来永久禁用按钮(但保持其可见)，该方法将覆盖 .disabled 设置为 true - 按钮没有这样的属性或功能。

修复代码的方法有很多。例如，当您想要永久禁用某个按钮时，您可以在该按钮上设置一个自定义属性，然后在您考虑启用该按钮的任何地方，您都可以只检查该自定义属性，如果已设置，则不要启用该按钮。

您可以考虑的其他选项是隐藏按钮或从 DOM 中删除按钮。

您可以通过在自己的代码中永久禁用来修复您的代码。如果您不直接操作 .disabled 属性，而是切换到使用这些函数，那么您的代码将遵循 .permDisabled 属性。

function getElem(elem) {
    if (typeof elem === "string") {
        elem = document.getElementById(elem);
    }
    return elem;
}

function disableButtonPermanent(elem) {
    elem = getElem(elem);
    elem.disabled = true;
    elem.permDisabled = true;
}

function disableButton(elem) {
    elem = getElem(elem);
    elem.disabled = true;
}

function enableButton(elem) {
    elem = getElem(elem);
    if (!elem.permDisabled) {
        elem.disabled = false;
    }
}