用于对象数据加载的removeEventListener
用于对象数据加载的removeEventListener
提问于 2018-09-14 16:23:34
我已经添加了一个事件侦听器来捕捉用户操作后SVG的加载。
HTML
<object id="mySVG" type="image/svg+xml" data="default.svg"></object>JS
mySVG = document.getElementById('mySVG');
mySVG.addEventListener('load', function () {
// work with SVG contentDocument
});
mySVG.setAttribute('data', 'new.svg');在另一个用户操作之后，我通过加载一个空白的内联SVG来清除SVG
var svgUrl = URL.createObjectURL(new Blob(['<svg xmlns="http://www.w3.org/2000/svg" width="700" height="700"/>'], {'type':'image/svg+xml'}));
mySVG.setAttribute('data', svgUrl);我看起来设置这个空白SVG也会触发load事件，这是不可取的。所以我试着
mySVG.removeEventListener('load');这给了我一个错误
TypeError: EventTarget.removeEventListener的参数不足。
在此上下文中，removeEventListener的正确语法是什么？
编辑:设置空白SVG的方法不正确，读取this后更正。
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-09-14 16:26:13
您应该命名函数，然后将其作为第二个参数传递给addEventListener和removeEventListener，如下所示：
mySVG = document.getElementById('mySVG');
function loadFunction() {
// work with SVG contentDocument
}
mySVG.addEventListener('load', loadFunction);
mySVG.setAttribute('data', 'new.svg');
mySVG.setAttribute('data', 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22700%22%20height%3D%22700%22%2F%3E');
mySVG.removeEventListener('load', loadFunction);<object id="mySVG" type="image/svg+xml" data="default.svg"></object>
removeEventListener至少需要两个参数，事件类型('load')和要删除的侦听器，因此必须引用先前添加的侦听器才能将其删除。
Stack Overflow用户
发布于 2018-09-14 16:27:39
mySVG.removeEventListener('load')；应该有一个目标作为其侦听事件的第二个参数
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52327838
复制相关文章
相似问题