按钮点击没效果首先检查document.querySelector是否返回null，确认元素存在且选择器正确；再通过Elements面板的Event Listeners验证监听器是否注册成功；最后排查CSS pointer-events、z-index遮挡及动态DOM未重新绑定等问题。
按钮显示正常但点击没反应，90% 是事件根本没绑上，而不是逻辑写错了。先确认 document.querySelector 能拿到元素，再看监听器是否注册成功，最后排除 CSS 和协议干扰。
document.querySelector 返回 null 怎么办
这是最常见也最直接的失败信号。返回 null 意味着 JS 根本找不到那个按钮，后续 addEventListener 会静默失效，控制台报 Cannot read properties of null。
- 在 Console 里手动执行
document.querySelector("#menu-toggle")（把你实际用的选择器换进去），看返回是不是null - 去 Elements 面板里右键按钮 → “Edit as HTML”，确认它的
id或class和 JS 里写的**完全一致**：大小写、连字符、空格、中文字符都算错 - 特别注意纯数字开头的 ID，比如
id="1"，querySelector("#1")必定失败——CSS 选择器不认数字开头的标识符，得改成id="nav-1"或id="btn1" - 如果用了动态生成的 DOM（比如轮播图切换后新插入的按钮），要确保绑定代码在元素插入后才执行，不能只靠页面加载一次就完事
事件监听器明明写了却没生效
选择器对了，不代表事件就挂上了。浏览器提供了原生方式验证监听器是否真的注册成功。
- 在 Elements 面板中选中按钮 → 右侧“Event Listeners”标签页 → 展开
click，看有没有你的 JS 文件路径和函数名 - 如果列表为空，说明绑定代码压根没运行，常见原因是脚本放在
<head>里且没加DOMContentLoaded监听，或者被前面的 JS 报错中断了 - 检查控制台是否有红色报错，哪怕只有一行
Uncaught ReferenceError: foo is not defined，也会让后面所有代码停摆 - 如果用了事件委托（比如绑在
document上），别只盯着event.target.id === "submit"，按钮里可能有图标或文字子节点，要用event.target.closest("button")才稳
按钮能 hover 却点不动，可能是 CSS 拦截
视觉正常 ≠ 可交互。很多“点不动”问题跟 JS 完全无关，是 CSS 层叠或属性设置导致的假性失效。
立即学习“前端免费学习笔记（深入）”；
- 在 Elements 面板选中按钮 → 右侧 Styles 面板搜索
pointer-events，确认值不是none（常见于禁用态模拟、遮罩层覆盖） - 检查父容器是否设置了
overflow: hidden或定位异常，把按钮的实际可点击区域裁掉了 - 临时关闭父级的
z-index、opacity、visibility，快速定位是否被上层元素挡住 - 如果是响应式菜单按钮，还要确认它没被
transform: scale(0)或height: 0等隐藏手段“隐形”掉，而不仅仅是视觉上透明
v-html 或 innerHTML 插入的内容点击无效
Vue 的 v-html、React 的 dangerouslySetInnerHTML、或原生 el.innerHTML = htmlStr 插入的 HTML，里面的 onclick 或 @click 都不会被框架处理，也不会自动绑定事件。
-
v-html本质就是赋值innerHTML，Vue 编译器早已退出，@click="toggle"会被当成普通属性原样输出，不解析、不绑定、不报错 - 内联
onclick="goPage()"要求goPage是全局函数（挂在window上），但 Vue 组件里的方法默认在实例上下文中，外部访问不到 - 正确做法是：用事件委托监听父容器，再用
event.target.closest("[data-action='menu']")匹配目标，然后手动调用组件方法（Vue 3 中可通过ref或defineExpose暴露方法） - 如果只是简单交互，优先改用模板语法（如
<button @click="toggleMenu">），别用v-html塞交互逻辑
真正容易被忽略的是：事件绑定时机和 CSS 层叠顺序往往比 JS 逻辑更难排查。尤其在响应式模板里，媒体查询可能在某个断点下悄悄禁用了 pointer-events，或者 JS 动态插入 DOM 后忘了重新绑定——这些地方没有报错，只有沉默的失效。
