3 回答

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超10個(gè)贊
當(dāng)您單擊該submit按鈕時(shí),頁(yè)面將重新加載。這就是為什么您看不到該disabled屬性正在運(yùn)行的原因。evt.preventDefault();您可以在事件Handler中添加以防止重新加載
let manual_form = document.getElementById('manual_form');
let manual_button = document.getElementById('button');
manual_form.addEventListener('submit', (evt) => {
evt.preventDefault();
console.log('submitted!');
manual_button.disabled = true;
}, false);
<div>
<form id="manual_form" action="" method="POST">
<button id="button" type="submit" name="manual_start">SUBMIT!</button>
</form>
</div>
<hr>

TA貢獻(xiàn)1808條經(jīng)驗(yàn) 獲得超4個(gè)贊
submit可以使用該setAttribute()方法通過(guò)分配適當(dāng)?shù)膶傩詠?lái)禁用它們disabled。在你的情況下,它將是這樣的:
...
manual_button.setAttribute('disabled', 'disabled');
...
let manual_form = document.getElementById('manual_form');
let manual_button = document.getElementById('button');
manual_form.addEventListener('submit', (evt) => {
evt.preventDefault();
console.log('submitted!');
manual_button.setAttribute('disabled', 'disabled');
}, false);
<div>
<form id="manual_form" action="" method="POST">
<button id="button" type="submit" name="manual_start">SUBMIT!</button>
</form>
</div>
<hr>

TA貢獻(xiàn)1786條經(jīng)驗(yàn) 獲得超13個(gè)贊
JavaScript 方面的工作方式與表單有關(guān)...刷新頁(yè)面時(shí)會(huì)拋出錯(cuò)誤。添加evt.preventDefault();
事件監(jiān)聽(tīng)函數(shù)以阻止頁(yè)面刷新。該按鈕被禁用。
添加回答
舉報(bào)