本文介绍一种兼容 chrome、safari（macos）等主流浏览器的方案：通过监听 `window` 上的 `wheel` 事件并拦截带 `ctrlkey` 的缩放行为，精准阻止双指捏合缩放，同时完全不影响双指滚动体验。
在 macOS 系统中，用户使用触控板进行双指手势时，浏览器会将双指缩放（pinch-to-zoom） 触发为带有 ctrlKey: true 的 wheel 事件，而双指滚动（scroll） 则触发普通 wheel 事件（ctrlKey: false）。这一关键差异为我们提供了精准区分和拦截的依据。
然而，若将 wheel 事件监听器绑定在 document 上（如 document.addEventListener('wheel', ...)），在 Safari 和部分 Chrome 版本中，ctrlKey 属性可能无法可靠反映缩放意图，导致误拦截或完全失效；而绑定到 window 对象则能确保该属性稳定可用——这是跨浏览器一致生效的核心前提。
以下是推荐的实现代码（TypeScript/JavaScript 通用）：
const preventPinchZoom = (event: WheelEvent) => {
// 仅当 Ctrl 键被按下（macOS 触控板缩放的特征标识）时阻止默认行为
if (event.ctrlKey) {
event.preventDefault();
}
};
// ✅ 关键：必须绑定到 window，而非 document 或具体元素
window.addEventListener('wheel', preventPinchZoom, { passive: false });⚠️ 重要注意事项：
- passive: false 是必需的，否则 preventDefault() 将被忽略；
- 不要为 document 或 body 添加同类型监听器，避免冲突或重复处理；
- 此方案不影响移动端（iOS/Android）——移动端缩放已由 控制，且其 wheel 事件行为与桌面端不同，无需额外干预；
- 若页面存在自定义滚动容器（如 overflow: auto 的 div），其内部滚动仍完全正常，因 wheel 事件会冒泡至 window，而 ctrlKey 判断逻辑天然兼容事件委托场景。
✅ 总结：该方法轻量、无依赖、兼容性好（Chrome 65+、Safari 12.1+、Firefox 60+ 均验证有效），是目前最简洁可靠的跨浏览器触控板缩放控制方案。只需一行监听 + 一次条件判断，即可在不牺牲用户体验的前提下，彻底解决 macOS 下令人困扰的意外缩放问题。
