SVG Window.event 属性

在SVG中，可以使用window对象来访问SVG文档中的全局属性和方法。window.event属性是一个只读属性，它引用SVG文档中当前正在处理的事件。

语法

window.event

说明

window.event属性是一个只读的全局属性，其中包含有关当前事件的信息。该属性只能在事件处理程序中使用，并且在事件处理程序的上下文中自动可用。

示例

下面的示例演示了如何在SVG中使用window.event属性来获取当前事件的信息：

// 在SVG中添加一个点击事件处理程序
<svg>
  <circle cx="50" cy="50" r="40" onclick="handleClick(event)" />
</svg>

<script>
function handleClick(event) {
  console.log(window.event.type);        // 输出: "click"
  console.log(window.event.target);      // 输出: <circle cx="50" cy="50" r="40" onclick="handleClick(event)"></circle>
  console.log(window.event.clientX);     // 输出: 当前点击事件的X坐标
  console.log(window.event.clientY);     // 输出: 当前点击事件的Y坐标
}
</script>

在上面的示例中，window.event对象提供了有关当前点击事件的类型、目标元素以及鼠标点击位置的详细信息。

注意事项

• window.event属性只在事件处理程序中才能够使用，如果在其他上下文中使用，它将为undefined。
• 应该避免在事件处理程序中修改window.event对象，因为它是只读属性。
• 虽然window.event在某些浏览器中被支持，但是它不是W3C的规范，因此在跨浏览器兼容性方面可能存在问题。推荐使用标准的事件对象属性（如event.target、event.type），以保持代码的可移植性。

参考链接

• Mozilla Developer Network (MDN)