有谁知道如何使用 JavaScript 禁用 SVG？

Question

我一直在尝试在 JS 中使用一些东西，例如：

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

但是，这不起作用，= 有一个红色下划线。 有任何想法吗？

Answer 1

属性名称需要用camelCase编写，如下所示：

pointer-events => pointerEvents事件

 <svg id="dartboard" width="100px" height="100px" viewBox="0 0 100 100"> <circle cx="50%" cy="50%" r="25%" fill="red" stroke="green"/> </svg> <script> let dartboard = document.getElementById("dartboard"); dartboard.addEventListener('click', function(e) { alert('click'); }) dartboard.style.strokeWidth = 10; dartboard.style.pointerEvents = "none"; </script>

Answer 2

您可以从 javascript 更改 css 属性，如下所述： https ://www.w3schools.com/js/js_htmldom_css.asp

var obj = document.getElementById("container");
obj.style.pointer-events = "none";