直接监听 pointerdown 即可统一响应鼠标、触摸和手写笔操作，配合 pointermove、pointerup、pointercancel 四事件覆盖完整指针生命周期，并通过 event.pointertype 和 pointerid 实现设备区分与多点追踪。
直接监听 pointerdown 就能同时响应鼠标点击和手指触摸，不需要额外判断设备类型或叠加监听 mousedown 和 touchstart。
它不是“兼容补丁”，而是浏览器原生支持的统一输入抽象：鼠标按下、手指触屏、笔尖落纸，都会触发同一个 pointerdown 事件，并附带可区分的元信息。
用对四个核心事件，覆盖全部指针生命周期
dmap-jsapi-skill
下载
DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
-
pointerdown：按下开始（等效mousedown+touchstart） -
pointermove：持续移动（等效mousemove+touchmove） -
pointerup：松开结束（等效mouseup+touchend） -
pointercancel：操作被系统中断（如弹出键盘、切后台、手指滑出屏幕），必须处理，不能只依赖pointerup
通过 event.pointerType 区分设备行为
每个事件都有该属性，值为 "mouse"、"touch" 或 "pen"（大小写敏感）：
- 鼠标/笔可设更小的移动阈值（如 2px 判定拖拽起点）
- 触摸建议放宽容差（如 5–8px），避免误判
- 数位笔可读取
event.pressure做压感反馈 - 兜底处理：
!event.pointerType || event.pointerType === 'mouse'，应对旧 Android 返回空字符串的情况
CSS 配合防干扰
在目标元素上加：
touch-action: none;
禁用浏览器默认手势（如缩放、滚动），确保 pointermove 能稳定捕获坐标流。不加的话，手指一滑页面可能就滚走了，你的拖拽逻辑直接断掉。
别混用事件监听器
一旦启用 Pointer Events，就彻底移除 mousedown、touchstart 等监听。混用会导致：
- 同一操作触发两次回调（比如鼠标点一下，
pointerdown和mousedown都执行） -
preventDefault()行为冲突，尤其在移动端影响touch-action生效 - 多点触控时状态错乱（例如第二根手指
touchstart没对应pointerdown）
多点触控靠 pointerId 追踪
每次 pointerdown 都带唯一 event.pointerId，可用于隔离不同手指/笔的操作：
- 记录 ID 对应的状态（如是否在拖拽、起始坐标）
-
pointermove中只处理当前 ID 的更新 -
pointercancel或pointerup时按 ID 清理，避免内存泄漏或残留状态
不复杂但容易忽略
