gpt4 book ai didi

javascript - 'onclick' 不适用于带有 svg-image 的对象元素

转载 作者:搜寻专家 更新时间:2023-10-31 22:52:46 24 4
gpt4 key购买 nike

<分区>

当我在 html 文档中使用 object 元素的 onclick 属性时,它不响应点击。

在我的文档中,我有一个 svg 图像并将其存储在 object 元素中,因为图像中有一些动画会通过使用 img-标签。

在下面的简化示例中,onmouseover 适用于两个对象,但 onclick 仅适用于 object 而没有 svg-image .

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>

我这里有什么地方做错了吗?或者是否有其他可行的替代方案?

this (and related questions) 的答案建议在 svg-image 上使用 pointer-events: none 并将其包装在一个 div 中并将监听器应用于该 div。但是我需要 svg-image 来响应鼠标事件,因此不能设置pointier-events: none

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com