Question

我正试图在模态显示后将注意力集中在输入上。

到目前为止我见过并尝试过的解决方案和链接：How to focus on a form input text field on page load using jQuery?，Jquery Focus on input field，但都没有。

我的代码实际上非常简单：

$input = $("#letter-change-text").find("input[type='text']");
$input.val($.trim("I am just testing!!"));
$("#letter-change-text").modal('show');
$input.focus(); // this should focus the textbox in order to allow immediately input by the user

您可以在 JSfiddle 。

中查看此问题

我也尝试过没有任何成功：

setTimeout(function(){
   $input.focus();
}, 0);

Answer 1

使用显示的事件

$(function(){
    $input = $("#letter-change-text").find("input[type='text']");
    $input.val($.trim("I am just testing!!"));
    $('#letter-change-text').on('shown.bs.modal', function (e) {
       $input.focus();
    }).modal('show');
});

Answer 2

你可以尝试

$("#dgRejectSalvage").on('shown.bs.modal', function () {
    $(this).find('#RejectionReason').focus();
});

如何在模态中设置焦点输入？

2 个答案: