无法使用SVGweb将侦听器添加到中的SVG中

Question

这段代码在Firefox中运行得很好，但在IE中却不行。我已经阅读了SVGWeb (http://svgweb.googlecode.com/svn/trunk/docs/UserManual.html)的文档，但是我没有找到/理解解决方案，有什么想法吗？

window.onsvgload = function() {
  carga();
var mySVG = document.getElementById("mySVGObject").contentDocument;
        mySVG.addEventListener('click', function(evt) {
                alert(evt.target.id);
    }, false);
}

我在IE中使用这样的东西没有问题：

mySVG.getElementById('Color2').style.fill='#00cc00'

使用该代码，我可以在形状上更改颜色和文本，但我不能让侦听器在IE中工作。

编辑:这可以在Chrome，火狐和IE9中使用，我需要它在IE7上工作。我就是这样加载SVG对象的：

 <div style="text-align:center" id="mapaSvg" >
<!--[if !IE]>-->
 <object data="ca.svg" type="image/svg+xml"
      width="700" height="800" id="mySVGObject" > <!--<![endif]-->
<!--[if lt IE 9]>
<object src="ca.svg" classid="image/svg+xml"
      width="700" height="800" id="mySVGObject" > <![endif]-->
<!--[if gte IE 9]>
<object data="ca.svg" type="image/svg+xml"
      width="700" height="800" id="mySVGObject" > <![endif]-->
</object>
</div>
<div style="text-align:center">

IE开发工具显示了错误：

“在装载时触发错误:不支持”

在线路上：

mySVG.addEventListener('click', function(evt) {
                alert(evt.target.id);
    }, false);

在这里，您可以看到SVGWEB在IE、Firefox、Chrome上运行的一个例子，鼠标移动到动态线上：https://www.destatis.de/bevoelkerungspyramide/

Answer 1

尝试在这个块内调用addEventListener而不是onsvgload

window.addEventListener('SVGLoad', function() {
   // all SVG loaded and rendered
}, false)

这些构造是相等的，但我作出这个假设是因为一个错误：“启动负载时出错:不支持”。

Answer 2

不知道它是否有用，但除了IE8和IE7之外，我在每个浏览器中都有同样的问题。这个问题是由于在svg中使用自关闭的图像元素<image/>而不是<image></image>造成的。