当前位置: 首页 > 知识库问答 >
问题:

SVG元素onclick提供引用错误:未定义函数

周培
2023-03-14

我试图将onclick事件添加到svg元素中。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
                function clickCounty(e)
                {
                    console.log("clickCounty");
                }
            });
        </script>
    </head>
    <body>
        <div id="canvas">
            <object data="custom.svg" type="image/svg+xml">
        </div>
    </body>
</html>

custom.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect onclick="clickCounty('test')" x="10" y="10" height="100" width="100" style="stroke:#006600; fill: #00cc00"/>
</svg>

共有1个答案

仲孙献
2023-03-14

你有两个问题

a)脚本的语法是错误的,在末尾有一个无关的});在它自己的行上

   <script>
            function clickCounty(e)
            {
                console.log("clickCounty");
            }
    </script>

b)需要window.top或window.parent从svg文档访问html文档中定义的方法。

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect onclick="window.parent.clickCounty('test')" x="10" y="10" height="100" width="100" style="stroke:#006600; fill: #00cc00"/>
</svg>
 类似资料:
  • 我是wordpress的新手,正在尝试定义和调用一个函数,但无法让它工作。 以下代码出现在使用get_template_part从content.php文件调用的php文件中。 我在function.php文件的底部添加了以下代码: 单击该元素时,它将返回: (index): 363未捕获引用错误:没有定义check AllTopicCheckBox。 有人能帮帮我吗?

  • 问题内容: 我有一个ajax脚本,我想从一个函数发布。我正在使用onlick href,但是它没有显示为undefined。这是使用WordPress的。我试图在范围内和范围外移动代码,但是我似乎仍然无法正常工作。 谢谢 :) 问题答案: 当您执行此操作时,将调用global函数。由于在函数中定义了,因此它不是全局的。因此,是(因此)。 全局变量存储在对象中。 因此,可以将其公开为全局变量: 请注

  • 我正在创建我的第一个Web应用程序,并在相当早的时候遇到了一个问题! 我创建了一个函数,用于将用户键入的信息提取到HTML输入字段中。它的工作方式是,当用户输入他们的收入并单击submit按钮时,收入存储在一个变量中,供我在JavaScript代码的其余部分中使用。查看控制台日志,函数显示为“未定义”。 我很感激代码可能不是很干净,但我只是想让它工作,因为这是我的第一个小项目! 你知道我哪里出错了

  • 我正在尝试做一个简单的通知功能,但每次我触发这个功能,我得到错误 类型错误: 无法读取导出处未定义的属性“参数”通知.函数.数据库.ref.onWrite (/user_code/索引.js:23:32) 在云功能新功能 (/user_code/node_modules/火基函数/库函数/库/云函数.js:105:23) 在云函数 (/user_code/node_modules/火基函数/lib

  • 就这样,我正在用electron开发一个程序,一切都很好,就像在轮子上一样,直到,我做了我的小npm启动,像往常一样,我测试了一下我的应用程序,我发现javascript不再工作了,所以,我做了一点“Ctrl Shift I”,我在控制台中看到,我的模块都没有被导入,因为在最上面,我们有一个很大的错误:“uncaughtreferenceerror:primordials没有在”inspect“中

  • 团队 我的Ci Pipeline Azure失败,发现下面的错误。我已经尝试了如何修复引用错误的解决方案:原语没有在节点中定义,但没有运气 错误如下: