focus() 从 jQuery(document).ready 调用时不触发 focus 事件

Question

我有一个带有大表单的页面，我正在尝试分配在页面加载时具有焦点的表单元素。它似乎在光标放置在选定的表单元素中起作用，但是，不会触发焦点事件。如果我最小化浏览器，然后再次最大化它，则 focus 事件将被触发，但不会在 jQuery（document）.ready（） 上触发。任何建议赞赏...

jQuery(document).ready(function()
{
    console.log("call focus");
    jQuery("#tbl_Employees").find(".employeeinfo:eq(" + IndexEmp + ")").find("tr#trSequence").find("td:eq(5)").children(":first").focus();
});    
jQuery(":input").focus(function(e)
{
    console.log("enter focus");
});    

Answer 1

我认为您应该将$(":input")放在ready函数中，放在$("#tbl_Employees")之前

jQuery(function() { // <-- Same exact thing as `jQuery(document).ready(function () {`, just much shorter. Welcome to jQuery
    jQuery(':input').focus(function(e) {
        console.log("enter focus");
    });
    console.log("call focus");
    jQuery("#tbl_Employees").find(".employeeinfo:eq(" + IndexEmp + ")").find("tr#trSequence").find("td:eq(5)").children(":first").focus();
})

Answer 2

只是一个猜测，但你的事件处理程序可能也应该放在文档就绪块中。我不确定这个脚本的位置（即在正文的头部或末尾），但如果调用事件处理程序时不存在 ：input，则不会绑定任何事件。

试试这个：

jQuery(document).ready(function () {
    jQuery(':input').focus(function (e) {
        console.log("enter focus");
    });
    console.log("call focus");
    jQuery("#tbl_Employees").find(".employeeinfo:eq(" + IndexEmp + ")").find("tr#trSequence").find("td:eq(5)").children(":first").focus();
});