移动端长按需用 touchstart/touchmove/touchend 或 PointerEvent 实现；mousedown 在手机上因 300ms 延迟和事件中断而失效；核心是记录 touchstart 时间戳，touchend 时判断是否超阈值（如 500ms），touchmove 偏移超 10px 则取消；PointerEvent 更统一但需手动实现长按逻辑，并设置 touch-action: none 防干扰。
长按本身不能解决移动手势问题，它只是触发条件之一；真正在移动端做手势交互，得靠 touchstart/touchmove/touchend 或更现代的 PointerEvent。
为什么 onmousedown + 长按逻辑在手机上基本失效
移动端浏览器对 mousedown 有延迟（约 300ms），且多数情况下会直接触发 click 而跳过长按判断；即使加了 preventDefault()，也容易干扰页面滚动或缩放。
- 桌面端模拟长按靠
setTimeout+mousedown/mouseup，但手机上mouseup很少被触发（用户抬手即离开屏幕，事件流常被中断） -
contextmenu在 iOS Safari 中默认被禁用，longpress也不是标准事件，需自行实现 - 真正可靠的起点是监听
touchstart，并在touchmove偏移超阈值时取消长按判定
用 touch 事件实现可控长按的最小可行方案
核心是：记录 touchstart 时间戳，touchend 时比对是否超过阈值（如 500ms），同时 touchmove 中位移 > 10px 就清除定时器——避免误触。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
let longPressTimer = null;
const LONG_PRESS_THRESHOLD = 500;
const MOVE_THRESHOLD = 10;
let startX = 0;
let startY = 0;
<p>element.addEventListener('touchstart', (e) => {
const touch = e.touches[0];
startX = touch.clientX;
startY = touch.clientY;
longPressTimer = setTimeout(() => {
// 这里执行长按逻辑
console.log('long press triggered');
}, LONG_PRESS_THRESHOLD);
});</p><p>element.addEventListener('touchmove', (e) => {
if (!longPressTimer) return;
const touch = e.touches[0];
const dx = Math.abs(touch.clientX - startX);
const dy = Math.abs(touch.clientY - startY);
if (dx > MOVE_THRESHOLD || dy > MOVE_THRESHOLD) {
clearTimeout(longPressTimer);
longPressTimer = null;
}
});</p><p>element.addEventListener('touchend', () => {
clearTimeout(longPressTimer);
longPressTimer = null;
});
PointerEvent 是更干净的替代方案，但要注意兼容性
PointerEvent 统一了 mouse/touch/pen 输入，支持 pointerdown + getCoalescedEvents()，且原生提供 pressure 和 isPrimary，适合需要区分点击/长按/拖拽的场景。
立即学习“前端免费学习笔记（深入）”；
- Chrome / Edge / Firefox 全支持，iOS Safari 从 13.4+ 开始支持，Android WebView 需查具体版本
- 仍需手动实现长按逻辑（没有
pointerlongpress这种事件），但pointermove的坐标更稳定，且不会像touchmove那样因多点触控而丢失目标元素 - 务必设置
touch-action: none防止浏览器抢走手势（比如touch-action: pan-y会禁用横向拖拽，但允许纵向滚动）
长按只是手势链的起点，真正难的是后续动作的衔接：比如长按后拖动、松手触发不同行为、与系统原生手势（如 iOS 底部返回）共存。这些细节不写死在事件监听里，而是得靠状态机管理，否则很容易在快速连续操作中丢状态或响应错乱。
