CSS pointer-events 属性

pointer-events 属性用于设置元素是否对鼠标事件做出反应。

CSS 语法

pointer-events: auto|none;

---

属性值

属性值	描述
auto	默认值，设置该属性链接可以正常点击访问。
none	元素不能对鼠标事件做出反应
initial	设置该属性为它的默认值，查看更多initial
inherit	从父元素继承该属性， 查看更多 inherit

/* 属性值 */
pointer-events: auto;
pointer-events: none;
pointer-events: visiblePainted; /* 只适用于 SVG */
pointer-events: visibleFill;    /* 只适用于 SVG */
pointer-events: visibleStroke;  /* 只适用于 SVG */
pointer-events: visible;        /* 只适用于 SVG */
pointer-events: painted;        /* 只适用于 SVG */
pointer-events: fill;           /* 只适用于 SVG */
pointer-events: stroke;         /* 只适用于 SVG */
pointer-events: all;            /* 只适用于 SVG */

/* 全局值 */
pointer-events: inherit;
pointer-events: initial;
pointer-events: unset;

 

JS代码改变例子：

document.getElementById("div1").style.pointerEvents = "none";