📅  最后修改于: 2020-11-05 02:27:43             🧑  作者: Mango
此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;
输出量
在这里,我们使用的是指标事件属性的自动值,它对指标事件做出反应。
pointer-events Property
Welcome to the javaTpoint.com
pointer-events:auto;
输出量