输入框聚焦且虚拟键盘可见时onClick事件无响应问题求证

该现象属于Android端Chromium内核、iOS端WebKit内核（iOS全量第三方浏览器均强制使用该内核）的预期默认交互行为，和React框架本身、业务代码逻辑无关。

• 事件拦截的核心逻辑：当输入框处于聚焦状态、虚拟键盘悬浮在视图层时，浏览器会对非输入区域的首次click事件做默认拦截，这次点按的唯一作用是触发输入框失焦、收起虚拟键盘，事件不会向下派发到业务层绑定的回调上，因此你绑定的onClick（无论是React合成事件还是原生onclick绑定）都不会触发。
• touchstart事件可正常响应的原因：touchstart是触摸事件流的最前置事件，触发优先级高于浏览器内置的键盘收起拦截逻辑，不会被该规则限制，只要手指接触屏幕就会正常派发到业务层。
• 验证方式：你可以直接绕过React合成事件体系，给目标DOM节点绑定原生onclick事件做对照测试，会发现其表现和ReactonClick完全一致，即可排除框架层面的影响。

该交互规则的设计初衷是匹配普通用户的操作直觉：用户在输入状态下点击非输入区域时，第一预期是退出输入状态、收回遮挡屏幕的虚拟键盘，避免在键盘遮挡时产生误触，相关规则可在两大移动内核官方Web开发文档的「虚拟键盘交互规范」「移动端事件流说明」章节查阅到对应描述。

开发适配建议 #

• 若需要在虚拟键盘弹出状态下即时响应点按操作，不要依赖click类事件，直接监听touchstart事件实现逻辑即可，注意添加300ms内的事件防抖，避免重复触发。
• 若需要区分「点按收起键盘」和「收起键盘后正常点击」两种场景，可在touchstart回调中判断当前输入框的聚焦状态，按需分支处理即可，不需要额外模拟click事件。

内容的提问来源于stack exchange，提问作者Ivan Banha