在单元元素上绑定事件的最佳方法

我建议你用 delegate .

$("table").delegate("td", "click", function(){
    alert($(this).text()); // alert td's text.
});

委托将只绑定一个事件,即绑定到上下文(在本例中, <table> )

因为您似乎使用jquery,所以应该使用 delegate() 表上的方法,例如:

$('table').delegate('td', 'click', function() {
    // $(this) refers the the clicked cell
});

这会将一个事件处理程序绑定到表,并捕获冒泡的单击事件。

将如此多的事件处理程序(即事件处理程序)绑定到每个单元格确实不是一个好主意,尤其是在IE中(出于性能原因)。

在表上绑定事件以加快执行速度,并在该函数中获取单元详细信息。

你可以在这里找到一个类似的顶级: large table with lots of events, is using event bubbling more effecient?

我会用这种方式:

$("table#yourTable").click(function(evt){
   if($(evt.target).is('td')) {
     //do whatever you want to do
   }
})