Javascript-将点击事件添加到动态生成的表格单元格

Question

addEventListener() 不工作？

var mytable = document.getElementById('GridTable');

for (var r = 0; r <rows; r++) 
{
    var row = mytable.insertRow(r);
    for (var c = 0; c <cols; c++)
    {

        var cell=row.insertCell(c);
        cell.id='td'+nn;
        //alert(cell.id);
        cell.innerHTML='&nbsp';
        cell.className="dynamic";
        cell.addEventListener("click", function() {bcolor1('red',cell.id);});
        nn++;
    }

}

Answer 1

您需要使用事件委托(delegate)来实现这一点。

使用Javascript，你可以这样做:

document.querySelector('element').addEventListener('click', function(event) {      
    // on click action here..
});

使用jQuery，你可以这样做:

$(document).on("click", "element", function(){
  // on click action here..
});

了解更多:Understanding Event Delegation | jQuery