从svg文件中的onmouse事件调用javascript函数

Question

我有一个包含这个的 svg 文件...

<text transform="matrix(1 0 0 1 162.7803 192.52)" font-family="'Helvetica'" font-size="11">30</text>

如果我修改该字符串，使其看起来像这样，而不是能够调用 JavaScript 函数...

<text transform="matrix(1 0 0 1 162.7803 192.52)" onmouseover="MyJavascriptFunction('u32');return true" font-family="'Helvetica'" font-size="11">30</text>

那么是否可以调用与 svg 文件在同一页面上的 JavaScript？ 我已经尝试过了，但它不起作用，我唯一要做的就是这样一个简单的警报..

<text transform="matrix(1 0 0 1 162.7803 192.52)" onmouseover="alert('Hello from JavaScript!')" font-family="'Helvetica'" font-size="11">30</text>

svg文件是这样显示的……

<embed src="myfile.svg"/>

这根本不可能，还是我做错了？

Answer 1

我在这里做了一个简单的测试用例：http://test.progysm.com/svg/myfile.htm svg 文件调用在 myfile.htm 中定义的 MyJavascriptFunction 来自 myfile.svg 中的 onmouseover 事件。

您需要使用的只是对 html 窗口的引用。我用了“top”，也许你也可以用“parent”：

<t onmouseover="top.MyJavascriptFunction('u32');return true">...</t>

我在 mytest.htm 中的脚本：

<script type="text/javascript">
function MyJavascriptFunction(s) {
  console.log(s);
}
</script>

SVG 有属性：xmlns、width、height 和 viewport。