Keydown事件是不工作在IE和Chrome浏览器动态清除表行,并添加新的行集到它!(它在Firefox中工作)

Keydown event is not working in IE and Chrome after dynamically clearing table row and adding new set of row to it !!! (Its working in Firefox)

本文关键字:工作 添加 Firefox 它在 IE 事件 Chrome 浏览器 Keydown 清除 动态      更新时间:2023-09-26

我试图通过箭头键实现数组导航。我得到的是下面的代码工作。

"onLoad": function () {
        $('#tbl tbody').attr("tabindex", 1);
        $('#tbl tbody').keydown(function (event) {
            // Code for navigation to next or previous in table
        });
    },

按下键事件在页面加载上工作很好,只是我需要单击表一次,我可以通过箭头键导航。但我面临的问题后,清理表动态和添加新的行集到它。在表结束时,我需要回调到服务器,这是清除该表的行,并添加新的行集。现在Keydown事件不工作了。我需要再次点击table来导航。注意:这只发生在IE和chrome上。在firefox上,它工作得很好,我可以在新的数据集或行上导航。

绑定jQuery的live函数

$('#tbl tbody').live('keydown', function(e) {});

这也适用于在运行时创建的元素。

文档

根据jerome.s的建议,它现在为我工作了

现在我正在做的是,我正在设置Ajax调用完成时的焦点,它的回调函数也完成了重新渲染表的工作。当渲染部分完成时,我将焦点设置为表体。

$('#tbl body').focus();

感谢您的回复