有誰知道如何使用 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";