如何使用 JavaScript addEventListener() 方法禁用按鈕？

Question

我一直在尋找如何使用 JS 禁用按鈕，我找到了這個並且它有效：

<button id="startbtn" onclick="this.disabled=true; pausebtn.disabled=false; stopbtn.disabled=false;">Start</button>

但我想使用 addEventListener() 方法禁用它，而不是直接在 html div 上禁用它，但它不起作用，是否可行？

let start1 = document.getElementById('startbtn');
        start1.addEventListener('click', start);
        start1.addEventListener('click', this.disabled = true);

Obs：上面代碼中的第二行啟動了“start”function，這是一個計時表。

Answer 1

你需要傳遞一個回調。

如果您還沒有對按鈕的引用，請使用傳遞到回調中的事件 object 的currentTarget屬性。

start1.addEventListener('click',() => start1.disabled = true);

Answer 2

您可以在此處使用Element.currentTarget.setAttribute(name, value)方法了解有關 function 的更多詳細信息。

let start1 = document.getElementById('startbtn');
start1.addEventListener('click', start);
start1.addEventListener('click', (e) => e.currentTarget.setAttribute('disabled', true));

它已經過測試和工作。
如果您對上面的代碼片段有任何問題，請告訴我。