この例を参照してください。
svg内のコードは次のようになります。
document.getElementById("svgroot").addEventListener("click",
sendClickToParentDocument,
false);
function sendClickToParentDocument(evt)
{
// SVGElementInstance objects aren't normal DOM nodes,
// so fetch the corresponding 'use' element instead
var target = evt.target;
if(target.correspondingUseElement)
target = target.correspondingUseElement;
// call a method in the parent document if it exists
if (window.parent.svgElementClicked)
window.parent.svgElementClicked(target);
else
alert("You clicked '" + target.id + "' which is a " + target.nodeName + " element");
}
また、親ドキュメントには、呼び出したい関数を含むスクリプトがあります。例:
function svgElementClicked(theElement)
{
var s = document.getElementById("status");
s.textContent = "A <" + theElement.nodeName +
"> element with id '" + theElement.id +
"' was clicked inside the <" +
theElement.ownerDocument.defaultView.frameElement.nodeName.toLowerCase() +
"> element.";
}