长按事件不依赖touchstart/touchend，可用pointerdown统一替代；需监听pointerup/pointercancel清除定时器，iOS需防touchstart被拦截，阈值建议500ms。
长按事件是否依赖 touchstart/touchend 手势
不依赖。HTML 原生 longpress 并不存在，所谓“长按”全是 JavaScript 模拟的，和移动手势（touchstart/touchmove/touchend）没有必然绑定关系——你完全可以用 mousedown + mouseup 在桌面端模拟，也能用 touchstart + touchend 在移动端做，甚至混用（比如监听 pointerdown 统一处理）。
但现实问题是：在 iOS Safari 和部分安卓 WebView 中，mousedown 在非可聚焦元素上可能被延迟 300ms 或直接屏蔽；而 touchstart 几乎总是立即触发。所以“不依赖”是技术事实，“不用 touch 事件”却常导致长按响应卡顿或失效。
用 pointerdown 统一替代 touchstart 和 mousedown
pointerdown 是目前最稳妥的跨端起点事件，自动聚合鼠标、触摸、笔输入，且无 300ms 延迟（只要页面有 <meta name="viewport">）。关键点在于：它不会在 touchmove 发生后自动取消，适合长按判定。
- 必须调用
event.preventDefault()仅当你要阻止默认行为（如滚动），否则不影响后续pointerup - 不要在
pointerdown里直接setTimeout启动长按计时——需先记录起始时间，再在pointerup或pointercancel中比对持续时长 - 需监听
pointercancel：用户划出元素、系统中断（如来电）、触控被其他元素劫持时都会触发，此时应清除定时器
let startTime = 0;
let longPressTimer = null;
<p>element.addEventListener('pointerdown', (e) => {
startTime = Date.now();
longPressTimer = setTimeout(() => {
// 触发长按逻辑
}, 500);
});</p><p>element.addEventListener('pointerup', (e) => {
clearTimeout(longPressTimer);
if (Date.now() - startTime >= 500) {
// 实际长按完成，避免重复触发
}
});</p><p>element.addEventListener('pointercancel', () => {
clearTimeout(longPressTimer);
});iOS Safari 下 touchstart 被吞的常见原因
即使写了 touchstart，iOS Safari 仍可能静默忽略，典型场景：
立即学习“前端免费学习笔记（深入）”；
- 目标元素是
<div>且未设置cursor: pointer或touch-action: manipulation - 父容器有
overflow: scroll且未加touch-action: auto，导致 touch 事件被滚动截获 - 页面缺少
<meta name="viewport" content="width=device-width, initial-scale=1">，触发双击缩放逻辑，压制 touch 事件 - 元素被
transform: translateZ(0)或其他硬件加速样式包裹，某些旧版 WebKit 会丢 touch 事件
验证方法：在 touchstart 回调里加 console.log('hit')，真机连 Safari 开发者工具看是否输出——不输出就是被拦截了。
为什么不用 ontouchstart 行内属性
行内 ontouchstart 在 iOS 14+ 已被 Safari 禁用（出于安全策略），且无法监听 pointercancel，更难做防误触。另外，它强制要求所有逻辑写在字符串里，调试困难、无法复用、不能做条件判断。
真正需要关注的是事件委托边界：如果长按区域是动态生成的列表项，别给每个 <li> 单独绑 pointerdown，改用 ul 上的事件委托 + e.target.matches('.item') 判断，避免内存泄漏和重复绑定。
长按判定阈值设为 500ms 是经验下限；低于 300ms 容易和点击混淆，高于 800ms 用户会觉得“卡”。这个数字得和你的交互反馈（比如按下态样式变化）同步对齐，否则视觉和逻辑不同步，体验就碎了。
