當我在html文檔onclick中使用object-element的屬性時,它不會響應單擊。在我的文檔中,我有一個svg圖像,并將其存儲在object-element中,因為圖像中有些動畫僅通過使用img-tag就會丟失。在下面的簡化示例中,onmouseover在這兩個對象的作品,但onclick對剛工作object沒有SVG圖像。document.getElementById('test1').onmouseover = hover;document.getElementById('test1').onclick = click;document.getElementById('test2').onmouseover = hover;document.getElementById('test2').onclick = click;function hover() { alert('Hovered');};function click() { alert('Clicked');};<object id='test1' data="https://upload.wikimedia.org/wikipedia/commons/0/01/SVG_Circle.svg" height="50px"></object><object id='test2' height="50px" border="1px solid black">some object</object>我在這里做錯什么了嗎?還是有可行的替代方法?為此(和相關問題)給出的答案建議pointer-events: none在svg-image上使用并將其包裝在div中,并將偵聽器應用于該div。但是我需要svg-image來響應mouse events,因此無法設置pointier-events: none。
“ onclick”不適用于帶有svg圖像的對象元素
梵蒂岡之花
2021-05-04 17:16:55