navigator.maxTouchPoints > 0 不应直接切 touch-mode，它仅表示硬件多点触控能力而非用户当前操作意图；应优先用 matchMedia('(hover: none) and (pointer: coarse)') 判断实时交互意图，并分层兜底。
navigator.maxTouchPoints > 0 就该切 touch-mode？别急，先看它到底代表什么
navigator.maxTouchPoints 是浏览器从系统底层读取的并发触摸点数，不是“是不是手机”的开关，而是“硬件是否报告了多点触控能力”。它的典型值是 0（无报告）、1（单点，如部分 Windows 笔电）、5 或 10（主流手机/平板）。但要注意：
- 它不随用户当前输入方式变化：Surface 插着键盘用鼠标时，
navigator.maxTouchPoints仍可能为5 - 它在旧版 Safari（iOS ≤ 13.3）中是
undefined，Chrome 84+、Firefox 65+、Edge 79+ 支持稳定 - 值为
0不等于“没触摸屏”，可能是驱动未暴露、企业策略屏蔽、或远程桌面环境
所以直接写 if (navigator.maxTouchPoints > 0) { enableTouchUI() } 会把大量桌面触控设备强制塞进大按钮、禁 hover 的体验里，反而损害可用性。
真正该响应的是“用户此刻倾向怎么操作”，不是“设备有没有触摸屏”
交互意图比硬件能力更重要。一个 Surface 用户正用鼠标点选表格，你却因为 navigator.maxTouchPoints > 0 把所有 hover 下拉菜单干掉了，这就是本末倒置。
推荐组合判断：
-
window.matchMedia('(hover: none) and (pointer: coarse)')：同时满足「无悬停能力」+「粗粒度指针」，基本可认定用户正用手指操作 - 监听
change事件，支持运行时切换（比如用户拔掉键盘、切回触控模式） - 回退逻辑必须存在：
"ontouchstart" in window兼容性更好，但注意某些 polyfill 会污染这个判断
示例逻辑：
const mql = window.matchMedia('(hover: none) and (pointer: coarse)');
function updateInteractionMode() {
const isTouchIntent = mql.matches;
document.body.classList.toggle('touch-mode', isTouchIntent);
// 仅在此刻禁用 hover 动画、移除 mouseenter 监听器等
}
mql.addEventListener('change', updateInteractionMode);
updateInteractionMode();maxTouchPoints 为 0 时不能放弃判断，得有分层兜底策略
navigator.maxTouchPoints === 0 只说明“当前上下文未报告触摸能力”，不是“确定无触摸”。常见失效场景包括：
- Windows Chrome 启用了
--disable-touch-events标志 - 某些国产定制 ROM 屏蔽了该 API
- PWA 在冷启动阶段尚未完成能力探测
- 服务端注入了 desktop UA，但客户端实际是折叠屏展开态
这时应启动分层检查：
- 第一层：用
window.matchMedia('(pointer: coarse)')单独判断指针精度（不强求hover: none） - 第二层：监听一次
touchstart事件（注意加{ passive: false }），捕获首次真实触摸行为 - 第三层：UA 中 fallback 匹配
/Android|iPhone|iPad/i，仅作最后手段，且不用于 UI 降级主逻辑
自动降级 UI 的关键动作，不是加 class，而是迁移交互契约
加 touch-mode class 只是表象。真正要做的，是让 UI 从「依赖悬停 + 精确点击」迁移到「纯 tap + 手势友好」：
- 移除所有
mouseenter/mouseleave监听器，它们在触摸设备上永不触发 - 把
click替换为touchstart，并确保{ passive: false }，否则preventDefault()会失效 - 禁用
:hover触发的下拉菜单、工具提示；改用显式 toggle 按钮或长按手势 - 检查
scroll-behavior: smooth在触摸滚动中是否卡顿，必要时动态设为auto - 隐藏右键菜单、拖拽排序手柄、缩放控件等纯鼠标依赖功能
这些动作必须基于实时交互意图触发，而不是一次性初始化就固化。折叠屏设备在悬停态和展开态之间切换时，matchMedia 的 change 事件就是你唯一可靠的信号源。
