Skip to content

指针与手势:练习答案 ​

答案必须保留本节输入、操作和可观察结果。先运行成功路径,再运行一个反例;

text
输入:第一次执行 → 改变一个条件 → 取消或卸载
预期:状态转移与正文规则一致;取消后没有迟到写入;失败保留可诊断原因

若结果不同,优先检查资源所有权、执行时机和宿主前提,而不是只改最终 UI。

pointer capture ​

pointerdown 后调用 setPointerCapture,指针移出元素仍能收到 move/up;在 pointercancel 与 pointerup 都释放状态。

拖拽状态机 ​

用 idle→pressed→dragging→idle 状态机区分点击和拖拽,记录 pointerId,忽略其他指针。

触摸滚动边界 ​

只有自定义手势区域阻止默认滚动;普通内容保持 passive,取消时记录浏览器滚动行为。

章节入口核对 ​

以下入口对应本章概览或综合练习,答案核对沿用本章各知识点的实现与日志。

用心记录每一步成长