Javascript 如何将单击事件绑定到对象标记？

我有这个密码

<object data="images/logo.svg" type="image/svg+xml" class="icon-logo"></object>

但我无法单击事件。

1。问题：事件处理 关于jQuery部分，尝试使用事件委派

从：

.on（）方法将事件处理程序附加到当前选定的集合 jQuery对象中元素的数目

$（文档）。在（'单击'，'图标徽标'，功能（事件）{
document.write（'事件类型：'+事件类型）；
document.write（“
CSS类：”）；
document.write（$（this.attr（'class'））；
});
//如文档中所述，您可以将多个事件附加到多个选择器。
//典型的使用示例可能是：
//$（document）.on（'change blur'，'.icon logo.some other class'，function（）{…}

单击我！

实现此目标的最简单方法是将对象标记包装在div中，将单击侦听器绑定到div，并将

指针事件：无

添加到对象标记的样式中

提琴样品：

。可点击{
背景：红色；
宽度：100px；
高度：100px；
边界半径：100px；
溢出：隐藏；
}
反对{
宽度：100%；
指针事件：无；
}

我认为你不能点击

标签。你可以点击你想要的任何东西。点击事件支持所有HTML元素，除了：，
，，，如果答案对你有帮助，你是否接受过？我以前从未见过这种语法。我真的很喜欢它。顺便说一句，

没有

内部HTML

，但仍然是l可点击。@NULL您指的是哪种语法？Thx用于更正。已编辑answer@NULL阅读这里，亲爱的：使用“空HTML标记”非常好这不是问题所在。这是因为object元素受到与iframe相同的安全限制，并且不会让主文档知道用户在其中做什么。这在当前版本的Chrome中不起作用（撰写本文时为66）但在IE11和Firefox 60中确实如此。@初学者uu你能发布一个在Chrome中不起作用的提琴吗？我会添加一个在Chrome中起作用的提琴，我们可以进行比较。我不知道。据我所知，布局的其余部分不知怎么搞砸了。我承认，我知道无论如何都必须改变整个方法，因为IE11在使用objec时不能正确显示svg通过ajax获取svg并将其附加到父级时，它正确地显示了它。因此，我现在完全放弃了对象标记，解决了这两个问题。。。

$(".icon-logo").click(function() {
.....
});