javascript - 如何将 JavaScript onClick 处理程序添加到嵌入式 html 对象？

Question

我正在尝试将 onClick 处理程序添加到嵌入式对象。处理程序需要执行一个位于外部 .js 文件中的函数，该文件通过 <script src="... 链接到当前的 html 文件。 .

由于函数位于其他位置，我是否需要以不同方式引用该函数？

这是目前的代码(不起作用，但也不会产生任何错误):

<embed src="svg/button.svg" id="buttonEmbed" width="95" height="53" 
type="image/svg+xml" onClick="buttonEvent('buttonClicked')"/>

Answer 1

您必须在 svg 内部 实现 onclick，并使用 svg 内部的 javascript 将其链接到外部 JavaScript 函数。 有关示例，请参阅 SVG wiki。

更新:显然 SVG wiki 已经不存在了。毫不奇怪，我现在可以(快速)找到的最佳引用资料都在 StackOverflow 本身。

This answer describes how to implement onclick inside the svg .