最可靠的方式是直接操作 disabled 属性：true 表示禁用，false 表示启用；推荐用 btn.disabled = input.value.trim() === '' 动态控制，并在 domcontentloaded 后校验初始状态。
临时禁用按钮，最可靠的方式就是直接操作 disabled 属性——它不是“视觉开关”，而是浏览器原生接管交互、提交和可访问性的语义开关。别绕路写 CSS 或监听 click 拦截。
button.disabled = true 还是 false？别反逻辑
禁用状态的布尔值容易记混：true 表示禁用，false 表示启用。常见翻车写法：
-
if (input.value) { btn.disabled = true; }→ 输入一有内容，按钮立刻变灰不可点（本该启用） - 正确映射是：输入有效 → 启用（
btn.disabled = false），无效 → 禁用（btn.disabled = true） - 推荐一行表达式：
btn.disabled = input.value.trim() === '';，简洁且语义清晰
为什么 input 事件比 onkeyup 更适合动态禁用
onkeyup 只响应键盘松开，漏掉大量真实用户行为：
- 右键粘贴、拖拽文本、密码管理器自动填充、语音输入、剪切板粘贴（Ctrl+V）都不会触发
- 结果：输入框明明有值，按钮仍灰着，用户以为没生效
- 改用
input事件，覆盖所有值变更场景（包括撤销、自动补全） - 务必在
DOMContentLoaded后立即执行一次校验，否则预填充内容不会触发初始状态更新
动态插入按钮时 DOM 未就绪怎么办
JS 执行早于按钮渲染，document.getElementById('saveBtn') 返回 null，报错 Cannot set property 'disabled' of null：
- 先判空：
const btn = document.getElementById('saveBtn'); if (!btn) return; - 或把脚本放在
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
