事件监听函数定义

Question

我有以下代码来设置我的事件监听器（是的，我知道我应该使用委托）。函数处理程序通常是匿名的，但我后来命名了它以便我可以删除它，但问题就从这里开始了。代码如下：

for (var i=0;i<karten.length;i++) {
  setupeventlistener(karten[i]);
}

function setupeventlistener (obj){
obj.addEventListener("click",function handler(e){output(obj,e);});
}

现在，如果我想删除输出函数中的监听器（使用removeeventlistener("click",handler)，我无法访问处理函数，因为它在setupeventlistener 范围内（这就是我猜的？），但如果我将它移动到全局范围并通过 var 定义它，它无法访问传递给输出的参数 obj（来自setuplistener）。

简而言之，我想删除监听器并保持我的所有功能原样，因为我的小任务除了无法删除监听器来完成项目之外还有效。

Answer 1

这会有帮助吗？

var list = {};

function set( obj, key )
{
    list[ key ] = Object.create(null);
    list[ key ].listener = function(e) { output( obj, e ) };
    list[ key ].target = obj;
    obj.addEventListener( 'click', list[ key ].listener );
}

function reset( key )
{
    list[ key ].target.removeEventListener('click', list[ key ].listener );
    delete list[ key ]
};

for (var i=0; i < karten.length; i++)
{
    set(karten[i], i );
}