如何将 JavaScript onClick 处理程序添加到嵌入的 html 对象?

2023-11-26

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

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

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

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

你必须实现 onclickinsidesvg 并使用 svg 内的 javascript 将其链接到外部 JavaScript 函数。 请参阅 SVG wiki 以获取示例。

更新:显然 SVG wiki 已经不复存在了。毫不奇怪,我现在可以(快速)找到的最佳参考资料就在 StackOverflow 本身上。

这个答案描述了如何在 svg 中实现 onclick.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何将 JavaScript onClick 处理程序添加到嵌入的 html 对象? 的相关文章

随机推荐

  • Spring Security LDAP 身份验证用户必须是 AD 组的成员

    我已经按照以下方式配置了 Spring Boot Security https spring io guides gs secure web 我可以完美地使用我的凭据登录 但是 我需要添加一个检查 以确保 AD 用户也必须属于特定的 AD
  • C# 仅使用代码添加引用(没有 IDE“添加引用”功能)

    我正在为一个程序编写一个插件 我想将我的代码放入 DLL 中 这样我就可以自由地共享该插件 而无需暴露 泄露 我的代码 这是我可以访问的基本结构 using System public class Plugin public void In
  • flutter - 自更新到 firebase 9.0.X 以来出现错误 event.snapshot.value

    我收到错误event snapshot value自从更新到 firebase 9 0 5 以来 我有很多这样的函数 它们在 firebase 8 X 中运行良好 Stream
  • 如何根据指定的行数拆分 CSV 文件?

    我有 CSV 文件 大约 10 000 行 每行有 300 列 存储在 LINUX 服务器上 我想将此 CSV 文件分成 500 个 CSV 文件 每个文件有 20 条记录 每个都具有与原始 CSV 中相同的 CSV 标头 有没有什么lin
  • Java HTTP/2 服务器套接字

    我想让服务器套接字在 Java 中支持 HTTP 2 最好是 TLS https 我有一个 TLS 服务器套接字工作正常 但浏览器只能与它对话 HTTP 1 1 如果我理解正确的话 您需要 ALPN 来让 HTTP 2 浏览器连接到您的 T
  • 如何在 SELECT 语句中使用 BOOLEAN 类型

    我有一个参数为 BOOLEAN 的 PL SQL 函数 function get something name in varchar2 ignore notfound in boolean 此功能是第三方工具的一部分 我无法更改它 我想在
  • 如何授予 ASP.NET 写入 Windows 7 文件夹的权限?

    我有一个新的 Win7 工作站 我正在尝试让 ScrewTurn Wiki 在该机器上运行 我的 STW 安装使用文件系统选项来存储其数据 因此我需要向网站安装文件夹中的 ASP NET 工作进程授予写入权限 然而 我似乎无法想出 Win7
  • 如何更改 openshift 容器平台中的权限?

    我是 Openshift 的新手 我已经在 openshift 中部署了一个应用程序 当我检查日志时 某些文件存在权限被拒绝错误 现在 我想更改已部署在 Openshift 中的容器的权限 但收到 不允许操作 警告 我该如何解决 这是针对运
  • 面试:为集合的集合设计一个迭代器

    在java中为集合的集合设计一个迭代器 迭代器应该隐藏嵌套 允许您迭代属于所有集合的所有元素 就像使用单个集合一样 这是一个老问题 但现在 2019 年 我们有了 JDK8 的好东西 特别是 我们有流 这使得这项任务变得简单 public
  • 自定义 Mathematica 快捷键

    Is there a place I can view change global shortcut options like Command 9 turn into Input style 特别是 我需要一种更快的方法来创建项目符号列表
  • 从元组列表中格式化 JSON 字符串的更 Pythonic 方式

    目前我正在这样做 def getJSONString lst join rs for i in lst rs join str i 0 str i 1 join return rs 我称之为 rs getJSONString name va
  • 字符串中的 JSON 转义序列无效

    我正在使用一个 MySQL 数据库 它为谷歌地图编码了多边形 当我尝试以 json 形式返回查询时 jsonlint 抱怨 我不确定为什么它抱怨 我确实尝试转义 latlon 中的 但仍然得到相同的错误 Parse error on lin
  • JavaScript:打印前 12 个月——“March”打印两次?

    我正在尝试编写一个脚本来打印过去 12 个月的名称 由于本月是一月 因此应该打印 十二月 十一月 十月 九月 八月 七月 六月 可能 四月 行进 二月 一月 相反 它打印 March 两次 http jsfiddle net h69gm04
  • 有什么方法可以分析 firestore 数据库吗?

    我的 Firestore 数据库中的实体写入数量非常多 大多数路径的写入权限都受到限制 通过后端服务器使用 admin SDK 完成 只有极少数路径具有写访问权限 特别是仅对已通过身份验证 注册 加入和批准的特定组的用户而言 因此即使滥用的
  • 连接到 Amazon RDS Oracle 实例时如何解决“读取调用减一”错误

    我在 Amazon RDS 实例上运行 Oracle 11GR2 有时我会得到一个IO Error Got minus one from a read call当打电话给DriverManager getConnection getUrl
  • Git 哈希重复

    Git 允许使用以下命令检索提交的哈希值 git rev parse HEAD 这使33b316c or git rev parse short HEAD 这使33b316cbeeab3d69e79b9fb659414af4e7829a32
  • 错误:未找到名称“ngModel”的导出

    构建我的角度项目后 我收到错误 错误 未找到名称 ngModel 的导出 我的 UI 在 Docker 容器中运行 甚至不知道在哪里寻找这个 它在开发中工作正常 发球 有任何想法吗 我有同样的错误 尽管在开发中 事实证明我没有添加表单模块模
  • 如何从 Google Analytics 获取原始日志?

    是否可以从 Google Analytic 获取原始日志 有没有可以从GA生成原始日志的工具 不 您无法获取原始日志 但没有什么可以阻止您将完全相同的数据记录到您自己的 Web 服务器日志中 看看顽童代码并借用它 将以下两行更改为指向您的
  • 如何创建 AND 或 OR 表达式?

    我写了这个 if a 11 b 1 if a 1 AND b 1 但两者都不起作用 我也有同样的问题OR 如何编写包含以下内容的表达式OR or AND You use 对于 和 以及 为 或
  • 如何将 JavaScript onClick 处理程序添加到嵌入的 html 对象?

    我正在尝试将 onClick 处理程序添加到嵌入对象中 处理程序需要执行外部 js 文件中的函数 该文件通过链接到当前 html 文件button svg id buttonEmbed width 95 height 53 type ima