网页按钮鼠标能点、键盘没反应：按焦点、事件和提交三层定位

网页按钮鼠标能点、键盘没反应：按焦点、事件和提交三层定位。按现象、证据和验证结果逐步定位问题，提供可操作的检查顺序，避免把工具输出误当成故障结论。

先把“没反应”分清楚

按钮能用鼠标点击，却不能用键盘操作，问题未必在接口。先记录浏览器版本、页面地址和准确操作：Tab是否到达按钮，Enter是否触发，触发后是否出现请求。DevTools MCP提供了调试非表单键盘事件的工具，但工具只能协助复现，不能代替检查页面语义。

三步缩小范围

第一步，只用Tab和Shift+Tab移动，观察焦点是否可见。焦点跳过按钮时，先检查它是不是原生button、是否被禁用、是否处于隐藏容器。不要靠给整个页面随意添加tabindex来补救。

第二步，焦点到了但按键无效，检查监听器是否只绑定了鼠标事件，以及上层是否拦截默认行为。确认按钮位于表单内还是独立动作，再选择正确的type，避免一次按键触发两次提交。

第三步，若请求已经发出，转查Network中的状态码、响应和界面更新。此时继续修改键盘监听器，往往只会增加重复请求。

修复后的验收

至少验证一次鼠标点击、一次键盘触发、一次连续快速操作。弹窗关闭后，焦点应回到合理入口；发布等操作等待时应显示进度。把“焦点到达—事件发生—请求成功—状态更新”分别记录，故障报告会比一张截图更有用。

本文提供排查方法，未对读者站点执行实测。官方资料核对：2026-11-02。

参考：官方资料。