在 Iframe 中加载 SVG 的 Javascript 事件

Question

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

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 内的事件不会通过它冒泡到包含文档。因此，即使可以通过这种方式绑定(bind)事件，您也需要在 iframe 中找到 path 元素并将 click 事件绑定(bind)到它们。