栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何使用匿名函数删除作为addEventListener的EventListener?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何使用匿名函数删除作为addEventListener的EventListener?

你不能 您必须使用命名函数或以某种方式存储引用。

var handler;function doSomethingWith(param) {    handler = function(){        document.write(param);    };      document.body.addEventListener('scroll', handler,false);}setTimeout(function() {     document.body.removeEventListener('scroll', handler ,false);}, 3000);

最好是以结构化的方式执行此操作,以便您可以标识不同的处理程序并将其删除。在上面的示例中,您显然只能删除最后一个处理程序。

更新:

您可以创建自己的处理程序处理程序(:)):

var Handler = (function(){    var i = 1,        listeners = {};    return {        addListener: function(element, event, handler, capture) { element.addEventListener(event, handler, capture); listeners[i] = {element: element,        event: event,        handler: handler,        capture: capture}; return i++;        },        removeListener: function(id) { if(id in listeners) {     var h = listeners[id];     h.element.removeEventListener(h.event, h.handler, h.capture);     delete listeners[id]; }        }    };}());

然后,您可以将其用于:

function doSomethingWith(param) {    return Handler.addListener(document.body, 'scroll', function() {        document.write(param);    }, false);}var handler = doSomethingWith('Test. ');setTimeout(function() {     Handler.removeListener(handler);}, 3000);


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/470594.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号