SVG Event.isTrusted属性

SVG（可缩放矢量图形）事件是与SVG元素交互的重要部分。这些事件具有许多属性，用于提供有关事件的详细信息。其中之一是isTrusted属性。

isTrusted属性是什么？

isTrusted属性是一个布尔属性，指示事件是否由用户操作引起。如果事件是由用户操作引起的，则该属性为true，否则为false。

什么是“信任事件”？

信任事件是由用户操作引发的事件。例如，当用户单击SVG元素时，会触发click事件，该事件被视为信任事件。这是因为该事件是由用户直接引起的。

为什么isTrusted属性很重要？

isTrusted属性对于鉴别事件来源非常重要。它可防止恶意程序通过模拟用户操作来触发事件。例如，如果某个程序试图通过JavaScript代码触发click事件，isTrusted属性将为false，从而使事件无效。

示例代码

以下是一个示例代码，展示了如何使用isTrusted属性来确定事件是否由用户操作引发：

<svg>
  <rect id="myRect" x="10" y="10" width="100" height="100"/>
</svg>

<script>
  var rect = document.getElementById("myRect");
  rect.addEventListener("click", function(event) {
    if(event.isTrusted) {
      console.log("Click event was triggered by user.");
    } else {
      console.log("Click event was triggered by code.");
    }
  });
</script>

在此示例中，当用户单击矩形时，控制台将记录“Click event was triggered by user.”。但是，如果事件是由JavaScript代码触发的，控制台将记录“Click event was triggered by code.”。