拖动展品卡片移出边框就断开，怎样验证 Pointer Capture 的捕获与释放

把活动指针捕获到拖动元素，并在 pointerup、pointercancel、lostpointercapture 三条结束路径清理拖动状态。捕获改变后续事件的接收元素，不会把屏幕坐标改成卡片局部坐标。

先把“边框外”变成可重复输入

本例区域宽220、高120，鼠标从内部按下，移动到右侧400像素位置后释放。关闭捕获时，释放发生在区域之外，区域上的pointerup监听收不到；开启捕获时，同一条轨迹仍送回区域。两组必须用同一个起点和终点，避免把点击落空或按钮没按下误当成捕获差异。

在按下时申请，而不是每次移动时申请

pointerdown已经提供有效pointerId，适合在这一刻调用setPointerCapture。记录gotpointercapture确定捕获生效，再观察边框外的move和up。正常释放之后浏览器会解除捕获；如果元素被移除、指针流被取消，也应结束拖动。不要只在鼠标移回卡片时恢复状态，否则下一位观众会接手一张仍被标记为拖动的卡片。

把捕获与命中测试分开判断

附件通过真实浏览器鼠标输入比较两组日志，开启组必须出现区域外pointerup和lostpointercapture。反例是在document上加一个全局mouseup后宣称捕获已经修好：这可能补收到释放，却不能证明元素接收了同一条指针流。捕获期间target继续指向捕获元素，鼠标实际压在哪张卡片应另做命中测试。

现场还需要补哪条证据

鼠标验证可以证明这份HTML的捕获调用和释放处理，但不能证明电容屏、红外框或多点驱动均按同样时序工作。目标终端应追加拖出屏边、系统手势取消和拖动中移除卡片三轮记录。界面若仍粘住，先看清理路径是否全部执行，再查看是否有第二套监听器重新把拖动标志设回去。

排除浏览器原生拖放的干扰

测试区域显式设user-select:none，避免第一轮拖选文字后，下一轮变成浏览器原生文字拖放并提前丢失捕获。它是本例的控制条件，不是Pointer Capture的必需属性。真实卡片若含图片和可拖元素，还应记录dragstart与pointercancel，决定是否允许原生拖放。不要看到捕获意外结束就无限重申捕获，先识别是哪条输入流程接管了指针。

下载并复现

下载原创HTML夹具、独立验证程序、本次执行记录和依赖与运行说明，放在同一目录。安装Playwright 1.58.0及其Chromium后运行 python verify.py；程序使用两个随机本地端口，自动关闭浏览器与服务，不请求外网或业务接口。

本次实际环境为Python 3.12.4、Playwright 1.58.0、Chromium 145.0.7632.6。Playwright浏览器鼠标/键盘与页面API实跑；无实体硬件或业务控制。断言已通过；完整事件和数值保留在执行记录，不能把它改名后当目标展项测量。

继续核查与一级出处

基础背景见触摸查询机无响应/漂移排查。同一元素捕获之外，多个活动指针还需独立保存状态，可继续用双指拖动时第二个触点抢走第一张卡，怎样按 pointerId 隔离状态取证；相关工程入口在专题与产品对接说明。

• 指针捕获、gotpointercapture与lostpointercapture：2026-10-24已联网读取一级来源；Pointer Events Level 3，2026-06-30 W3C Recommendation。