如何让我的按钮只能点击一次？ [复制]答案

【问题标题】：How to make my button clickable only once? [duplicate]如何让我的按钮只能点击一次？ [复制]
【发布时间】：2021-11-07 00:35:39
【问题描述】：

我有一个按钮。我只需要让它可点击一次。但它没有 onclick 属性。而且我无法更改 HTML。这只能用 JS 来完成。我该怎么做？

<button type="submit" name="add-to-cart" value="41" class="single_add_to_cart_button button alt">
  BUY NOW
</button>

【问题讨论】：

【解决方案1】：

您可以将click 处理程序附加到按钮并将其disabled 属性设置为true：

const button = document.querySelector('button[name="add-to-cart"]');

button.addEventListener('click', function () {
  button.disabled = true;
});

&lt;button type="submit" name="add-to-cart" value="41" class="single_add_to_cart_button button alt"&gt;BUY NOW&lt;/button&gt;

如果您需要重新启用按钮，那当然是额外的逻辑。但看起来这个按钮是用来提交一个无论如何都会改变页面上下文的表单。

【讨论】：

【解决方案2】：

您可以使用事件侦听器（“点击”）并更改添加属性。之后，移除事件监听器。

【讨论】：