<object> </object>上的Click事件会发生什么

Question

我创建了一个div，在div内，我通过object引用了一个SVG图像（我想稍后操纵该SVG图像......）。

<div id="click-me">
   some needless Text
   <object data="some.svg" />
</div>

然后我在click事件上注册了一些事件处理程序：

document.getElementById('click-me').addEventListener('click', function(event) {
    console.log("Click handled");
});

现在发生以下情况：已注册的点击处理程序在文本上完美运行，但现在可以处理SVG图像。

我是以错误的方式做某事吗？ 我该怎么监督？

这是Plunk： http://plnkr.co/edit/TZm7MxSfiwswz01HCwA9?p=info

Answer 1

作为一些解决方法，我发现CSS规则object { pointer-events: none; }正在运行。

但它可能只是一种解决方法，如果你不关心你点击了object的哪一项，即你只关心它是否被点击。