javascript - 在 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");
});

来自 an 内部的事件iframe不会通过它冒泡到包含的文档。因此，即使可能以这种方式绑定事件，您也需要找到其中的path元素iframe并将事件绑定click到它们。