javascript - Add external handler for onlick event to SVG element -

javascript - Add external handler for onlick event to SVG element -

i trying add together js handler svg's children. using next code within svg:

<script type="text/javascript" id="script3079"> addclickevents(); function addclickevents() { var keys = document.getelementsbytagname('path'); (var i=0; &lt; keys.length; i++){ keys[i].addeventlistener('click', keyclicked); } } function keyclicked(e) { var node = e.target; alert(node.id); } </script>

and working ok. want phone call function external javascript file:

//myfile.js function keyclickedexternal(e) { alert('keyclickedexternal'); }

of course of study attached html via script tag.

i tried next bindings:

keys[i].addeventlistener('click', keyclickedexternal); //keyclickedexternal undefined keys[i].addeventlistener('click', parent.keyclickedexternal); //keyclickedexternal undefined keys[i].addeventlistener('click', top.keyclickedexternal); //keyclickedexternal undefined keys[i].addeventlistener('click', parent.keyclickedexternal); //keyclickedexternal undefined

i checked dom:

parent.window.document //access violation window.document //refers svg document document //the same previous

finally, not understand how bind external handler svg child.

as @robert longson said problem related chrome's security - treating other local file different domain. utilize webserver, luk.

javascript html svg