gpt4 book ai didi

javascript - 带有 svg 和(双击)点击事件的 标签
转载 作者:行者123 更新时间:2023-11-27 22:37:08 25 4
gpt4 key购买 nike

我有一些对象标签,每个标签都嵌入了一个 svg 文件。点击对象标签(svg),应该调用一个javascript函数。据我了解,对象标签不支持鼠标事件。

我读过关于 object 和 flash 的 dousins 解决方案,但它们不适用于 svg。

不是在 svg 文件中编写代码的解决方案。

最佳答案

如果您不需要 svg 文件中的脚本和交互性,您或许可以使用 标签。

正如 Robert Longson 所说,鼠标事件进入 标签,因此您需要将事件处理程序放在 svg 中(您可以使用脚本完成此操作,而无需修改原始 svg文件)。 Here's an example如何从引用它的 html 访问 svg 的 DOM。

澄清一下:

  • 获取根 svg 元素(参见 example)
  • 调用 rootsvg.addEventListener("click", window.parent.yourFunctionHere, false)(假设 yourFunctionHere 是在主 html 文档的脚本中定义的函数)

关于javascript - 带有 svg 和(双击)点击事件的 <object> 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13298974/

25 4 0