如何在用JavaScript生成的锚标记上添加onclick事件？

Question

我只使用javascript，而不使用jQuery或其他任何JavaScript框架。

我创建了一个锚标记，例如：

var _a = document.createElement('a');

现在，我想为此标签添加onclick。 我尝试了以下方法：

_a.onclick = function(){ mycode(id); }

该函数适用mycode(id) ，但是定位标记是在循环中创建的...因此， mycode(id)始终采用循环的最后一个值。

有人可以帮我吗？

Answer 1

可能您需要一个函数来创建您的处理程序，如下所示：

function createHandler( id ) {
  return function(){ mycode( id ); };
}

然后在循环内分配

for ( i= ... ) {
   _a.onclick = createHandler( i );
}

另一方面，您可能应该使用addEventListener() （ MDN docu ）将事件添加到元素：

_a.addEventListener( 'click', createHandler( i ) );

Answer 2

for(var id = 0; id < 10; id++){
    var _a = document.createElement('a');
    _a.onclick = (function(id){
        return function (){
            mycode(id);
        }
    })(id);
}

那应该解决它。

Answer 3

尝试以下操作：

_a.onclick = (function(id){return function(){ mycode(id); }})(id);