在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內的事件不冒泡通過它向包含文檔。因此，如果可以用這種方式綁定事件，則需要在iframe內查找path元素，並將click事件綁定到它們。