我正在使用 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 事件,它们工作得很好。只有点击事件对我不起作用。