javascript - 如何在 Javascript 中为表格中的每个单元格 Hook onclick 事件？

Question

我在想是否有比这种方法更好的解决方案来向表中的每个单元格添加 onclick 处理程序:Adding an onclick event to a table row

更好的是我不需要为每个单元格设置“cell.onclick = function”。

我只需要获取用户单击的单元格的坐标。

谢谢!

编辑:“坐标”意味着左上角单元格为 0x0，第一行第二个单元格为 0x1，等等。

Answer 1

你在找这个吗？

$(function(){
    $("#tableId tr td").click(function(event) {
       alert(event.pageX);
       alert(event.pageY);
    });
});

如果您的表格单元格是动态生成的:

$(function(){
    $("#tableId tr td").live('click', function(event) {
       alert(event.pageX);
       alert(event.pageY);
    });
});

.

根据 OP 评论更新:

要获取 top 和 left 值，您可以尝试以下操作:

$(function(){
    $("#tableId tr td").click(function(event) {
       alert($(this).offset().top);
       alert($(this).offset().left);
    });
});

正如您的其他评论所示，您可能希望获取所单击单元格的 ID，您可以尝试以下操作:

$(function(){
    $("#tableId tr td").click(function(event) {
       alert($(this).attr('id'));
    });
});

但是为了使上述工作正常，假设所有单元格都已经具有 id 属性。