与使用Raphael或jQuery SVG之类的东西相反,是否可以通过这种方式做到这一点?
绝对是
如果可能的话,这是什么技术?
这个带注释的代码段有效:
<!DOCTYPE html><html> <head> <title>SVG Illustrator Test</title> </head> <body> <object data="alpha.svg" type="image/svg+xml" id="alphasvg" width="100%" height="100%"></object> <script> var a = document.getElementById("alphasvg"); // It's important to add an load event listener to the object, // as it will load the svg doc asynchronously a.addEventListener("load",function(){ // get the inner DOM of alpha.svg var svgDoc = a.contentdocument; // get the inner element by id var delta = svgDoc.getElementById("delta"); // add behaviour delta.addEventListener("mousedown",function(){ alert('hello world!') }, false); }, false); </script> </body></html>请注意,此技术的局限性在于它受同源策略限制,因此
alpha.svg必须与
.html文件托管在同一域中,否则将无法访问对象的内部DOM。



