在iframe中加载SVG的Javascript事件

Question

如何将Onclick事件处理程序附加到所有SVG路径元素？我已经在iframe中加载了我的SVG。我尝试使用以下内容，但点击事件未触发。

jQuery(function ($) {
        debugger;
        $('path').click(function () {                
            alert("Hello");
        });
}); 
<iframe id="frame" src="myFile.svg" border="0" width="100%" height="450px"></iframe>

Answer 1

尝试：

$("#frame").contents().find("path").on("click", function () {
    alert("Hello");
});

iframe内的事件不会将其冒泡到包含的文档中。因此，如果甚至可以通过这种方式绑定事件，则需要在path中找到iframe元素并将click事件绑定到它们。