HTMLObjectElement onclick事件不会触发

Question

我使用HTMLObjectElement按照此处的建议显示svg图形：https://www.sitepoint.com/add-svg-to-web-page/

问题是在javaScript中我做过类似的事情：

const objEl = document.createElement( 'object' );
objEl.type = 'image/svg+xml';
objEl.data = 'myGraphic.svg';
objEl.onclick = () => {
  console.log( 'I was clicked' );
}

当我用鼠标点击它时，onclick事件永远不会被触发。

如果我使用的是img而不是对象，那么click事件就会触发。为什么点击事件不适用于对象？我如何获得点击事件？

注意，我还附加了objEl.onmouseover和objEl.onmouseout事件，它们工作得很好。只有点击活动对我不起作用。