jQuery confirm的onClose事件触发时无法聚焦input问题

你遇到的问题是弹窗onClose回调里的聚焦操作被关闭按钮的默认焦点行为覆盖了——浏览器在处理按钮点击事件后，会自动把焦点保留在触发点击的按钮上，而onClose的执行时机早于这个默认行为完成，导致你的focus()调用失效。

先修正代码语法错误 #

你原代码里存在语法问题：content: 'message, 缺少闭合单引号，会导致代码报错，修正后应为：

$.alert({
    title: 'title',
    content: 'message',
    onClose : function () {
        $('input[name="title"]').focus();
    }
});

解决方案 #

方案1：用setTimeout延迟执行聚焦

把聚焦逻辑放入setTimeout，让它在浏览器默认焦点处理完成后再执行：

$.alert({
    title: 'title',
    content: 'message',
    onClose : function () {
        setTimeout(() => {
            $('input[name="title"]').focus();
        }, 0);
    }
});

0毫秒延迟会将聚焦回调推入浏览器事件队列，等当前所有同步代码（包括弹窗关闭的默认焦点处理）执行完毕后再触发，确保焦点落在目标输入框上。

方案2：接管关闭按钮的点击逻辑（可选）

如果能定位到弹窗的关闭按钮，可以直接接管它的点击事件，跳过浏览器默认的焦点行为：

// 根据实际弹窗结构调整关闭按钮选择器
$('.alert-close-btn').on('click', function() {
    // 手动关闭弹窗（需对应弹窗插件的关闭方法，这里以示例为例）
    $(this).closest('.modal').hide();
    // 直接聚焦目标元素
    $('input[name="title"]').focus();
});

这种方式需要你熟悉弹窗的DOM结构和插件的关闭机制，适合需要更精准控制的场景。

内容的提问来源于stack exchange，提问作者Shooky