C＃ASP.NET在输入键触发保存按钮后将焦点设置在文本框上

Question

I have a ASP.NET 4.5 Page which has a dynamically created list of text boxes

I have set the default button for the asp.panel to be the Save button.

If the user is half way through filling out the text boxes and hits the enter key, the form saves, but then sets the focus back at the top of the page. How can I have it set the focus back on the last text box that was being edited?

Answer 1

You can add onfocus handler to all form elements via javascript/jquery which will save the id of the currently focused control to hidden field and read that id value when with javascript on document load so you can set focus on the right control.

Example:

<asp:HiddenField runat="server" ID="hfFocusedControl" />
<script>

$(document).ready(function(){
        var id = $('#hfFocusedControl').val()
        ;
        $('#'+id).focus();
        $('input').focus(saveIdOnFocus);


});
var saveIdOnFocus = function(e){
    var control = $(this)
        , id = control.attr('id')
    ;

    $('#hfFocusedControl').val(id);
}
</script>