长按是独立静态手势，核心为“按下+维持时间”，仅需监听 pointerdown/pointerup 并用定时器判定时长；touchmove 仅用于位移过滤（>10px 则取消），不可无条件 preventdefault；应优先用 pointerdown（需 passive: false）并兼容 fallback，避免在 input/textarea 上拦截原生行为，阈值需结合 performance.now() 动态校准。
HTML 长按不依赖移动手势，它是独立的静态手势，本质是“按下+维持时间”，和滑动、缩放等动态手势无关。 你不需要实现 swipe 或 pinch 就能做长按；反过来，如果混用移动判断又没控制好阈值，反而会破坏长按触发逻辑。
长按事件和 touchmove 的关系容易被误解
很多人以为长按要监听 touchmove 才算“完整”，其实不是。原生长按（如 iOS 上弹出复制菜单）本身只响应按压时长，touchmove 只是用来防误触的可选过滤条件。
- 真正触发长按的核心只有：
touchstart/mousedown→ 定时器启动 →touchend/mouseup前未 clearTimeout -
touchmove的作用仅限于：记录起始坐标，移动超过10px就clearTimeout，避免用户“想滑却意外触发长按” - 如果你在
touchmove里无条件调用e.preventDefault()，会导致页面无法滚动，尤其在body或列表容器上非常危险
pointerdown 比 touchstart + mousedown 更干净
手动监听两套事件（touchstart 和 mousedown）容易漏掉场景，比如 Windows 触控笔、某些 Android 浏览器的兼容性问题。用 pointerdown 可以一并覆盖 mouse/touch/pen，且没有 300ms 延迟。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 必须加
passive: false选项才能在pointerdown回调里调用e.preventDefault()（如果后续要禁用默认长按菜单） -
pointerup和pointercancel必须成对监听，否则定时器可能残留 - iOS Safari 对
pointerdown支持从 iOS 13 开始，老版本需降级 fallback 到双事件监听
input 和 textarea 上不要强行加自定义长按
原生 input[type="text"] 和 textarea 的长按行为（选词、呼出复制/粘贴菜单）是系统级交互，JavaScript 层面拦截 touchstart 并 preventDefault() 会直接导致键盘无法唤起。
- 真有定制需求（比如长按插入模板文本），应监听
contextmenu事件——它在长按后触发，且不影响输入框焦点和键盘 - 别在这些元素上绑
touchmove，否则拖拽选中文本会失效 - 如果整个表单需要手势提交（如滑动提交），请把监听器放在
form外层容器，并严格区分“是否已聚焦输入框”状态
最容易被忽略的一点：长按判定时间阈值（如 700ms）不能硬编码。低端安卓机或高负载页面下定时器可能延迟，建议结合 performance.now() 做相对时间校准，而不是只靠 setTimeout。另外，PC 端鼠标长按和移动端触摸长按的体验预期不同，前者更容忍抖动，后者必须加位移过滤——这个差异不处理，用户就会觉得“有时候灵有时候不灵”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
