JavaScript 禁用提交按钮失效

我想做一个点击提交按钮后,该按钮被禁用的效果,但是没有达到预期的效果。如图1。

https://img4.mukewang.com/5ba1f3a700010f4102250089.jpg图1

代码如下:

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>Title</title></head><body><form action="">
    <button type="submit">submit</button>
    <button type="reset">reset</button></form><script>
    document.forms[0].addEventListener("submit", function () {    this.elements[0].disabled = true;    debugger
    }, false);</script></body></html>

当执行的时候,debugger的状态下禁用成功,如图2。
https://img.mukewang.com/5ba1f3b30001eba609640532.jpg
图2
但是继续执行后,禁用效果不见了。如图3。
https://img2.mukewang.com/5ba1f3bf0001cac409570532.jpg
图3
请问是哪里出现了错误?


一只萌萌小番薯
浏览 1048回答 1
1回答

DIEA

页面被刷新了, 你应该阻止默认事件.
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript