Safari中按钮点击无效通常因iOS/macOS底层拦截可点击性判定；长按出系统菜单说明DOM正常但事件响应层被阻，无反应则可能是CSS遮挡或pointer-events:none；修复方案包括：一、将div/span换为带type="button"的button；二、CSS加cursor:pointer和user-select:none；三、JS改用touchend并preventDefault()；还需关闭低数据模式、检查touch-action:none。
你在 Safari 浏览器中点击网页按钮却毫无反应——不跳转、不弹窗、不提交、控制台也无报错，说明事件监听已注册但系统拒绝触发，这通常不是代码写错了，而是 iOS 或 macOS 底层对可点击性的判定被悄悄拦截。
确认是否真为“点击无效”
用手指长按该按钮 1 秒以上，若出现“复制”“分享”等系统菜单，说明 DOM 渲染正常、元素存在且可触达，问题出在事件响应层；若长按也无任何反馈，则可能是 CSS 遮挡、z-index 错乱或 pointer-events: none 生效。
三类立竿见影的修复方案
方法一：把 div/span 换成 button（推荐首选）
将原本不可点击的容器标签直接替换为语义化
方法二：强制激活 click 能力（兼容旧结构）
在对应元素 CSS 中添加两行声明：
cursor: pointer;<br>user-select: none;
这两行缺一不可：cursor: pointer 让 iOS 识别为可交互区域，user-select: none 防止长按唤起文字选择框干扰点击流。仅加 cursor 不够，仅加 user-select 也不行。
方法三：改用 touchend 替代 click（防抖容错）
在 JavaScript 中将事件监听从 'click' 切换为 'touchend'：document.querySelector('.js-submit').addEventListener('click', handler); → 改为：
document.querySelector('.js-submit').addEventListener('touchend', function(e) {<br> e.preventDefault();<br> handler();<br>});注意：touchend 必须搭配 preventDefault() 防滚动穿透，且建议加 300ms 防误触逻辑，但无需额外引入库，原生即可运行。
排查必做项：两个隐蔽开关
第一步：检查是否启用了“低数据模式”
进入“设置”→“蜂窝网络”→“低数据模式”，若开启则 Safari 会禁用部分 JS 事件调度，导致按钮点击延迟或丢失——关闭后立即生效，无需重启。
第二步：检查是否设置了 touch-action: none
某些 UI 框架或自定义滚动容器会全局或局部设置 touch-action: none，它会彻底禁用所有触摸事件（包括 click 和 touchend），即使元素有 cursor: pointer 也无效。搜索 CSS 中该声明并临时注释掉，再测试点击。
