JavaScript设置指针事件

Question

我正在尝试通过JavaScript为div设置pointer-events: none，但该属性尚未应用。

我试过了：

document.getElementById("div").setAttribute("pointer-events", "none");

和

document.getElementById("div").style.pointer-events = "none";

但是没有效果，任何想法？

Answer 1

您的第一次尝试失败，因为它是CSS属性而不是属性（style属性的一部分）。

您的第二次尝试失败是因为出于某种原因，将此API casing-like-this转换为camelCasingLikeThis时。这可能是 ，因为构建JavaScript的人和构建CSS的人没有很好地协调。

以下内容应该有效：

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

Answer 2

您可以通过Bracket notation访问样式属性，如下所示：

document.getElementById("div").style['pointer-events'] = 'auto';

在这种情况下不需要修改驼峰。

Answer 3

example中有一个book使用element.setAttributeNS(null, "pointer-events", "none");而不是element.style.pointer-events = "none";。