重点输入模态显示答案

【问题标题】：Focus input on modal show重点输入模态显示
【发布时间】：2023-04-01 20:52:01
【问题描述】：

如何在模态显示上自动聚焦输入？目前我这样做但它不起作用：

jQuery(document).ready(function($) {
    $('#myModal').on('show.bs.modal', function() {
        $('input[name="myInput"]').focus();
    });
});

【问题讨论】：

【解决方案1】：

您的代码基本上是正确的。但是事件show.bs.modal 是在模态显示之前触发的。您需要改用shown.bs.modal 事件。

jQuery(function($) {
    $('#myModal').on('shown.bs.modal', function() {
        $('input[name="myInput"]').focus();
    });
});

【讨论】：

【解决方案2】：

在您的代码中，使用autofocus

<input name="myInput" value="MyVal" type="text" autofocus/>

【讨论】：