javascript - 在导致问题的 ajaxComplete() 函数下的文本框中设置焦点

Question

我在单击单选按钮时发送 ajax post 请求。

 // Get phone number if user selects phone option
    $('.rdoPhone').click(function () {
   if ($('.rdoPhone').is(':checked')) {
       $(".clsEmail_Number").attr('maxlength', '10').focus();
    }
});

必需的功能:
当我通过单击单选按钮 ('.rdoPhone') 发送 ajax 请求时，焦点应该移动到文本框下方

<input type="text" class="clsEmail_Number" id="clsEmail_Number" style="width: 194px"
            name="clsEmail_Number" value="" /> 

但是，由于以下代码，在 ajax 请求后文本框的焦点()转移到页面的第一个文本框。

$(document).ajaxComplete(function (event, xhr, settings) {
        window.setTimeout(function () { $("input[type='text']:visible:first").focus(); }, 0);
});

如何确保我的代码也能与 $(document).ajaxComplete() 一起工作

谢谢

Answer 1

你可以试试这个，而不是在 ajaxComplete 中设置焦点

 $( document ).ready(function() {
  window.setTimeout(function () { $("input[type='text']:visible:first").focus(); }, 0);
});