单击一下即可使按钮不可点击

Question

我正在尝试创建一个在第一次点击后停用的按钮;但是我不知道怎么做。 这就是我现在所拥有的：

<input type="button" id="btnSearch" value="Search" onclick="Fuction();" />

此按钮不会提交表单。有人能帮助我吗？我对此完全陌生。我试过在其他线程中跟随答案，但迷路了。

Answer 1

将HTML与HTML分开：

HTML：

<input type="button" value="Click me!" id="form-button"/>

使用Javascript：

document.getElementById('form-button').onclick = function () {
    this.disabled = true;
}

Answer 2

在处理程序的末尾设置disabled属性：

function Fuction(button) {
    // your code

    button.disabled = true;
}

标记：

<input type="button" id="btnSearch" value="Search" onclick="Fuction(this);" />

Answer 3

当然不是首选方式，但这样可以获得您所追求的结果。

function Fuction() {
  document.getElementById('btnSearch').disabled = 'disabled';
}

Answer 4

只需在隐式添加的事件变量函数中调用event.preventDefault()即可首先停止传播。要在之后禁用它，只需在元素上调用setAttribute("disabled", true);即可。像

这样的东西

function aMeaningfulName(e) {
    e.preventDefault();
    e.target.setAttribute("disabled", true);

    // your logic here
}