按钮点击后应立即禁用以防止重复提交，需在事件处理函数首行执行button.disabled = true，并在出错时恢复；须配合CSS视觉反馈，对submit按钮还需拦截form.onsubmit；禁用状态应与业务生命周期同步。
按钮点击后立刻禁用，是防止重复提交最直接有效的手段。关键不是“能不能做”，而是“禁用时机是否正确”和“禁用后是否能恢复”。
button.disabled = true 必须在事件处理函数开头执行
很多开发者把 disabled = true 放在异步操作（如 fetch）的 .then() 里，结果用户连点多次，请求照样发出去。真正要防的是「第一次点击触发后的那一瞬间」。
- 必须在
click回调第一行就设button.disabled = true - 如果后续逻辑出错（比如网络失败），记得手动设回
false，否则按钮永远卡死 - 别用
setAttribute('disabled', 'true')—— 它不等价于.disabled = true，尤其在表单提交中可能失效
禁用后需配合视觉反馈，否则用户会怀疑没点上
仅设 disabled 属性，浏览器默认样式往往不够明显，尤其在深色主题或自定义 UI 下。光靠属性无法保证用户感知状态变化。
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 务必加 CSS：
button:disabled规则里至少包含opacity、cursor: not-allowed和background-color - 避免只依赖
pointer-events: none—— 它不阻止键盘Enter提交，也不影响可访问性（screen reader 仍会读出按钮） - 如果用了加载图标（如旋转 SVG），应在设
disabled后立即显示，而不是等请求返回才动
表单 submit 类型按钮要特别注意 form.onsubmit 拦截顺序
对于 <button type="submit"></button>，仅靠 button.disabled = true 不够稳。因为用户可能用回车键触发表单提交，绕过按钮点击事件。
- 必须同时监听
form.onsubmit，并在回调里检查并禁用按钮 - 推荐统一在
form.addEventListener('submit', e => { ... })中处理，且第一行就e.preventDefault()+submitButton.disabled = true - 不要在
button.onclick里调form.submit()—— 这会跳过onsubmit钩子，导致验证逻辑失效
最易被忽略的一点：禁用状态必须与业务生命周期对齐。比如一个按钮点击后发起上传，但上传中途用户刷新页面，下次进来时按钮仍是禁用的——这需要服务端状态同步或本地持久化标记，不能只靠前端内存变量控制。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
