如何将焦点处理程序附加到表格单元格（TD元素）？

Question

我有一个相当简单的问题。

使用表格单元格，如何设置焦点处理程序？表格单元格（TD元素）的tabindex属性设置为零，元素在浏览器中获得焦点。

但是，下面我的事件处理程序没有触发。是什么给了什么？

谢谢。

$("td").on('focus', function () {
    $("#divContainerID").html($(this).html());
});

Answer 1

您在某个时刻运行处理程序。稍后，您将生成td元素。但是当你定义事件时它们不存在。您需要找到一个选择器，它在运行处理程序时已经存在。在最坏的情况下，它是"body"并且您将处理程序附加到$(function() {});

的加载程序处理程序中

我将表示你需要的选择器作为selector变量，该变量应该包含正确的选择器，指向选择的标记，这些标记在您定义事件时已存在且所有目标{{1元素将在那些内部：

td

注意，对于我在上面使用的$(selector).on('focus', "td", function () { $("#divContainerID").html($(this).html()); }); 选择器，应该描述包含当前或未来.on()元素的所有元素，其中需要事件，并且必须已经存在与选择器匹配的元素当你附加事件处理程序时。