详解pointer

详解pointer
首先我们来看看pointer-events属性的作用：
当在HTML元素上用法pointer-events属性时，它可以指定元素是否能响应鼠标（或触摸）大事。

它可以用于防止单击、状态（CSS活动、焦点和悬停状态）和光标操作（例如，在链接上显示指针光标）。

你可以让元素响应指针大事（auto），或者阻挡它执行此操作（none）。

假如阻挡它响应指针大事，则其下面的元素将成为这些大事的目标。

假如单击该元素，则其下方的元素将接收该单击（click）大事。

同样也适用于悬停和其他光标操作。

例如，你可以挑选位于元素下方的元素中的文本设置为pointer-events:none（请参考下面的示例）。

pointer-events属性在不同的场景中十分实用。

此属性的一个优点是允许你用法pointer-events:none来创建60fps的滚动。

我们可以在子元素上用法（笼罩上）禁用元素的指针大事：假如元素的子元素上具有pointer-events：auto（即启用），则即使其父元素没有，它也将能够处理并响应单击（click）大事。

下面我们来看看pointer-events属性的示例：
在示例中，笼罩元素是定位在囫囵页面上的，叠加层设置了
pointer-events:none，因此你可以挑选文本并单击其下方的锚标志。

还要注重当你将鼠标悬停在链接上时间标如何变成指针（手掌外形），由于悬停状态会触发它们。

HTML代码：
第1页共5页。