JavaScript设置指针事件

Question

我试图pointer-events: none通过JavaScript 设置div,但该属性未被应用.

我试过了:

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 符号访问样式属性，如下所示：

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

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