📜  CSS pointer-events属性

📅  最后修改于: 2020-11-05 02:27:43             🧑  作者: Mango

CSS pointer-events属性

此CSS属性指定当在其上触发指针事件时元素是否显示某些操作。指针事件由触摸,手写笔,鼠标单击等触发。

指针事件属性控制HTML元素如何响应事件(例如CSS活动/悬停状态,鼠标/触摸事件,JavaScript单击/轻击事件),还控制光标是否可见。

此属性的none值用于停用点击目标,并允许元素定位该元素下方的任何内容。

句法

pointer-events: none | auto |initial | inherit;

尽管此属性包括11个可能的值,但是上述语法中给出的值是HTML元素的有效值,其他值保留给SVG使用。

属性值

none:此值指示元素不响应指针事件。它避免了指定HTML元素上的所有状态,单击和光标选项。

auto:默认值。它指示元素必须对指针事件(例如click和:hover)作出反应。

让我们通过一些示例来了解这些值。

示例-不使用任何值

在此示例中,我们使用不针对指针事件的none值。





pointer-events Property




Welcome to the javaTpoint.com

pointer-events:auto;

javaTpoint.com

输出量

示例-使用自动值

在这里,我们使用的是指标事件属性的自动值,它对指标事件做出反应。





pointer-events Property




Welcome to the javaTpoint.com

pointer-events:auto;

javaTpoint.com

输出量