IE/Edge Legacy不支持inputmode且无法通过JS focus唤起虚拟键盘，唯一可靠方式是触摸事件中同步调用focus()，并确保元素为可编辑表单控件、未禁用pointer-events、页面处于桌面模式且系统启用了屏幕键盘。
IE 浏览器（特指 Windows 10 内置的 Edge Legacy 或 IE11 搭配触摸屏设备）本身不支持 HTML5 的 inputmode 或标准虚拟键盘触发机制，所谓“弹出虚拟键盘”实际依赖系统级输入面板（Touch Keyboard），而 IE/Edge Legacy **不会自动唤起它**——除非满足特定 DOM 和焦点条件。
为什么 input 聚焦后不弹虚拟键盘
根本原因不是代码写错，而是 IE 对触摸设备的输入面板唤醒有硬性限制：
- 元素必须是可编辑、可获得焦点的表单控件（如
<input type="text">、<textarea>），contenteditable="true"的<div>不被识别 - 元素不能被 CSS 设置
pointer-events: none或visibility: hidden（display: none更是直接失效） - 聚焦必须由**用户真实触摸事件触发**，JS 的
.focus()调用在 IE 中无法唤醒键盘（这是关键限制） - 页面需运行在「桌面模式」且系统开启了“显示触摸键盘按钮”（设置 → 轻松使用 → 键盘 → 启用屏幕键盘）
inputmode 在 IE 中完全无效
inputmode 是 HTML5.2 新增属性，用于提示虚拟键盘类型（如 inputmode="numeric"），但 IE11 和 Edge Legacy **完全不解析该属性**，既不报错也不生效。试图靠它触发键盘属于方向错误。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 删掉所有
inputmode属性，它对 IE 零作用 - 改用语义化
type：比如数字输入用<input type="number">，邮箱用<input type="email">——IE 会据此调用对应键盘布局（仅限部分 type） - 避免
type="text"+inputmode组合，纯浪费字节
唯一可靠触发方式：真实触摸 + 正确 focus 流程
IE 只响应来自触摸屏的原生 touchstart 或 click（模拟点击无效），且必须让目标 input 在事件回调中同步获得焦点：
<input id="search" type="text" />
<script>
document.getElementById('search').addEventListener('touchstart', function(e) {
// 必须在此处立即 focus，延迟（如 setTimeout）会失败
this.focus();
// 可选：防止默认行为干扰（如页面滚动）
e.preventDefault();
});
</script>
注意点：
- 必须监听
touchstart（不是click），因为 IE 对触摸设备的click有 300ms 延迟，且可能错过焦点时机 - 不能用
setTimeout或 Promise 微任务延迟focus()，IE 会判定为“非用户手势驱动”，拒绝唤起键盘 - 若用 React/Vue 等框架，确保事件绑定到原生 DOM 节点，而非合成事件代理层
兼容性兜底与检测逻辑
无法绕过 IE 的限制，但可以优雅降级：
- 用
navigator.userAgent检测是否为 IE/Edge Legacy：/(MSIE|Trident|Edge\/1[0-8])/.test(navigator.userAgent) - 检测是否为触摸设备：
'ontouchstart' in window - 组合判断后，对 IE+触摸环境，强制显示自定义软键盘按钮（如悬浮
<button>打开键盘</button>），点击后调用input.focus()并引导用户手动点输入框 - 不要尝试用
execCommand或 ActiveX 激活系统键盘——现代 IE 已禁用此类接口
真正卡住的地方永远是那个「同步 focus + touchstart」的耦合关系，漏掉任一环，键盘就死活不出来。
