鼠标指针

Cursor

初级网页

鼠标指针（Cursor）是屏幕上跟随鼠标或触控板移动的图形，用来标示当前指向的位置。它的形状还能提示这里能做什么，比如移到可拖拽区域时显示抓取形状，帮助你在点击前判断操作方式。

你可能会说：「我想让用户把鼠标移到不同区域时，能从指针形状看出哪里能点、哪里能拖。」

动手看看待办卡片的指针提示

本周待办

周五前完成设计评审，确认移动端交互细节。

整理评审材料按住卡片，观察指针变化

添加待办

正文指针

卡片指针

依次把鼠标移到正文、添加按钮和待办卡片上，再按住卡片；也可以用 Tab 聚焦按钮。指针形状会在操作前提示你能做什么。

正文上的竖线形指针提示「这里可以选中文字」，按住鼠标拖过句子就能看到选择效果。

手掌形指针提示卡片可以抓取；按住时变成握紧的手，表示正处于抓取状态。这里演示的是指针反馈，卡片不会真的移动。

1
先看位置，再看操作线索
指针首先告诉你鼠标正指向哪里。移到不同区域时，它可能变成箭头、文本选择形状或抓取形状；因为目标不同，用户下一步能做的事也不同。
2
形状要跟实际行为一致
做后台表格时，如果只有行末图标能拖动排序，就让那个拖拽手柄显示抓取形状。整行仍显示普通指针，这样用户不会误以为按住行内任意位置都能拖。
3
改形状不会自动增加功能
在网页里，你可以用 CSS 改变鼠标移到元素上时的指针形状，但这只改变提示，不会让元素自动变得可点击或可拖拽。我们得先实现操作，再用指针说明它。

鼠标指针标示鼠标所在位置；输入框里闪烁的竖线是文本光标，标示文字将从哪里输入，两者不是一回事。悬停是鼠标停在元素上的状态，指针变化只是这种状态下可能出现的反馈。键盘用户依靠的是聚焦提示，不能只用鼠标指针表达可操作性。

你在做一个可拖拽排序的后台列表。只有每行右侧的手柄能拖动，点击行内标题会打开详情。怎样设置鼠标指针更贴合实际操作？

请检查后台列表的鼠标指针：仅在可拖拽的手柄上显示抓取形状，拖动中显示正在抓取；可打开详情的标题给出点击线索，其他区域保持普通指针。先确认这些操作确实可用，不要只改 CSS 外观。