点击<对象>

What happens to Click events on <object>

本文关键字：对象 gt lt 点击      更新时间：2023-09-26

我创建了一个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

作为解决方法，我发现CSS规则object { pointer-events: none; }可以工作。

但是，如果你不在乎你点击了object的哪一项，也就是说，你只在乎它是否被点击，这可能只是一种变通方法。

相关文章：