come verificare se un div è focalizzato o meno in jQuery?

Sto cercando di usare la griglia di kendo nella mia vista, voglio creare una nuova riga nella griglia dopo aver premuto il tasto Invio. Posso farlo scrivendo il seguente codice:

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

Il problema è, nella pagina, ogni volta che premo invio, crea la nuova riga. Ma lo voglio solo quando la griglia è focalizzata. Come lo posso fare? Ho provato a mettere a fuoco il div, che contiene la griglia, ma senza fortuna. Ho saltato il codice per generare la griglia di kendo per la leggibilità. Grazie.

Prova questo,

HTML

 

o

 

SCRIPT

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

Leggi Come posso dare il focus della tastiera a un DIV e associarvi i gestori di eventi della tastiera? E Jquery .focus () non funziona senza attributo tabindex di div

aggiornato

Focus nuovo il div dopo aver aggiunto una row , come,

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