javascript - jQuery focusout 事件不会在表元素上触发

Question

我正在尝试使表格支持多行选择(目前仅支持 CTRL + 鼠标单击组合)。一切正常，但当我在表格区域外单击时，行不会取消选择。不幸的是，我发现 focusout 事件根本不会触发。这是我的代码:

$(".library tbody tr").live('click', function (event) {
    event.preventDefault();

    if (event.ctrlKey) {
        $(this).toggleClass('selected-row');
    } else {
        $(".library tbody tr").removeClass("selected-row");
        $(this).addClass("selected-row");
    }
});

$("table.library").live('click', function () {
    $(".library").addClass("focused");
});

$("table.library").live('focusout', function () {
    $(this).removeClass("focused");
});

有没有其他人处理过这个问题？

Answer 1

如果对表体或表元素使用 tabindex as 也可以使表元素获得焦点

$('#tableId tbody').attr("tabindex", 1);

在此之后，当您单击表格时，它将获得焦点。