如何检查 div 是否在 jquery 中聚焦？

Question

我正在尝试在我的视图中使用剑道网格，我想在按下回车键后在网格中创建新行。我可以通过编写以下代码来做到这一点：

<div id="GridContainer">
<div id="grid"></div>
</div>

$(document.body).keypress(function (e) {
    if (e.keyCode == 13) {
        var grid = $("#grid").data("kendoGrid");
        grid.addRow();
}
});

问题是，在页面上，每当我按 Enter 键时，它都会创建新行。但我只希望在网格集中时才这样做。我怎样才能做到这一点？我试图将焦点应用于包含网格的 div，但没有运气。为了便于阅读，我跳过了生成剑道网格的代码。谢谢。

Answer 1

试试这个，

HTML

<div id="grid" tabindex="0"></div>

或

<div id="grid" contenteditable="true"></div>

脚本

$(document.body).keypress(function (e) {
    if (e.keyCode == 13 && $("#grid").is(':focus')) {
        var grid = $("#grid").data("kendoGrid");
        grid.addRow();
    }
});

阅读How can I give keyboard focus to a DIV and attach keyboard event handlers to it? 和 Jquery .focus() not working without tabindex attribute of div

更新

Focusdiv在添加row之后再次，就像，

$(document.body).keypress(function (e) {
    if (e.keyCode == 13 && $("#grid").is(':focus')) {
        var grid = $("#grid").data("kendoGrid");
        grid.addRow();
        $("#grid").focus();
    }
});