Javascript 将单击事件添加到<;对象>;svg

Javascript 将单击事件添加到<;对象>;svg,javascript,html,Javascript,Html,我在检测svg中的点击事件时遇到问题 <div class="content svgwrapper"> <object id="SVGobject" type="image/svg+xml" data="images/MySvg.svg" width="100%" height="400"> <img src="svg-no.png" alt="No SVG support"> &

我在检测svg中的点击事件时遇到问题

    <div class="content svgwrapper">
        <object id="SVGobject" type="image/svg+xml" data="images/MySvg.svg" width="100%" height="400">
                <img src="svg-no.png" alt="No SVG support">
            </object>
    </div>


    document.addEventListener('click', function() {
        console.log('hooray!');
    });

document.addEventListener('click',function(){
控制台日志(万岁!);
});

您正在将单击侦听器附加到文档。您只需要将其附加到对象,例如:

document.getElementById("SVGobject").addEventListener('click', function() {
    console.log('hooray!');
});

您正在将单击侦听器附加到文档。您只需要将其附加到对象,例如:

document.getElementById("SVGobject").addEventListener('click', function() {
    console.log('hooray!');
});

这样不是更好吗

document.getElementById('SVGobject').addEventListener('click',function(){
控制台日志(万岁!);
});

这样不是更好吗

document.getElementById('SVGobject').addEventListener('click',function(){
控制台日志(万岁!);
});


将单击事件附加到
对象
而不是
文档

将单击事件附加到
对象
而不是
文档

是否确实必须将事件侦听器添加到文档?是否确实必须将事件侦听器添加到文档?正如您添加此内容一样,我发现了这种方法ty.是否要将其添加到文档中?单击事件?太好了!这就是为什么我先问你这个问题;)。思考解决方案的问题,确认此解决方案的答案;)。好极了!你可以将(一个)事件附加到正文,而不是文档本身。你知道怎么做吗?正如你添加这个一样,我发现了这样做的方法。无论如何,要将它添加到文档中,请单击事件?太好了!这就是为什么我先问你这个问题;)。思考解决方案的问题,确认此解决方案的答案;)。好极了!你可以将事件附加到正文,而不是文档本身。你知道怎么做吗?