jQuery的回传焦点

Question

在回传后，我的网页我想将焦点返回到先前的焦点内容

$(window).load(function() { 
    $('.focus').focus(); 
}); 

$(document).ready(function() { 
    $('input:not([type=button],[type=submit]), select, textarea').focus(function() { 
    $(this).addClass('focus'); 
    }); 
    $('input:not([type=button],[type=submit]), select, textarea').blur(function() { 
    $(this).removeClass('focus'); 
    }); 
}); 

我的代码看起来是这样的，它的作品甚至嵌套的元素，但看起来有点别扭对我来说，我只是想知道是否有更好的/更优化的方式来做到这一点？

Answer 1

您可以链接选择器并将focus触发器设置为dom就绪功能。您甚至可以尝试将您要关注的input元素列入白名单而不是黑名单。

$(document).ready(function(){ 
    $('.focus').focus(); 
    $('input[type=text], select, textarea').focus(function() { 
     $(this).addClass('focus'); 
     // To save the focused value to a hidden field 
     $('#id-of-Hidden-Field').val($(this).attr('name')); 

    }).blur(function() { 
     $(this).removeClass('focus'); 
     // remove the focus hidden field 
     $('#id-of-Hidden-Field').val(''); 
    }); 
}); 

不过，我不知道你是如何保存这些元素被回发之前，为了它在新的页面加载focus类重点输出。如果你是这样做，那么这段代码很好。