代码之家 › 专栏 › 技术社区 › Jack Roscoe

如何将javascript onclick处理程序添加到嵌入的HTML对象中?

embedded-object svg javascript

6

Jack Roscoe · 技术社区 · 14 年前

我正在尝试向嵌入的对象添加onclick处理程序。处理程序需要执行外部.js文件中的函数,该文件通过 <script src="... .

由于函数位于其他位置,是否需要以不同的方式引用它?

以下是当前的代码(不起作用,但也不会产生任何错误):

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

3 回复 | 直到 12 年前

1

9

Community CDub 7 年前

你必须实现onclick 里面 SVG并使用SVG内的javascript将其链接到外部javascript函数。 ~~有关示例,请参见SVG wiki。~~

更新:显然SVG维基已经不存在了。毫不奇怪,我现在(很快)能找到的最好的引用是stackoverflow本身。

2

Jaroslav Jandek 14 年前

使用javascript绑定( 马里奥门格 已经回答了)。

如果不能或不想使用绑定,可以使用 西尔三 回答时做了一次修改:

使用空锚标记 <a href="javascript:someFunc()"></a> 作为点击消费者。设置它的z-index和位置/大小,以便它定位在SVG对象上(为了跨浏览器兼容性)。

3

0

Tom Gullen 14 年前

onclick应该都是小写的。

<embed src="svg/button.svg" id="buttonEmbed" width="95" height="53" 
type="image/svg+xml" onclick="alert('hello!');"/>