MVC 5模态框内EditorFor设置焦点失败求助（.NET Framework 4.5）

我之前也碰到过一模一样的问题！MVC5里让模态框弹出时EditorFor自动获焦，确实踩了几个坑，给你分享几个亲测有效的解决办法：

如果你的模态框是用Bootstrap（MVC5项目默认常用的前端框架）实现的，那一定要用shown.bs.modal事件——这个事件是模态框完全显示、所有元素都渲染完毕之后才触发的，这时候调用focus才不会失效。

步骤如下：

1. 给你的EditorFor控件指定一个明确的ID，避免默认生成的ID出现意外：

@Html.EditorFor(model => model.YourTargetProperty, new { htmlAttributes = new { @id = "focusTargetInput" } })

2. 在页面的JS脚本里监听模态框的显示完成事件：

// 替换成你实际的模态框ID
$('#yourModalContainer').on('shown.bs.modal', function () {
    // 聚焦到目标输入框
    $('#focusTargetInput').focus();
});

如果你的模态框是自己写的（不是Bootstrap的），核心思路还是等模态框完全显示后再执行focus：

• 如果是用jQuery的show()方法显示模态框：

$('#yourCustomModal').show();
// 加个短延迟确保元素已渲染完成（根据实际情况调整时长）
setTimeout(function() {
    $('#focusTargetInput').focus();
}, 100);

• 如果是通过切换CSS类（比如active）来显示模态框，可以监听DOM变化：

$('#yourCustomModal').on('DOMSubtreeModified', function() {
    if ($(this).hasClass('active')) {
        $('#focusTargetInput').focus();
    }
});

• 别用show.bs.modal事件（少了个n）！这个事件是模态框刚开始显示、还没完全渲染的时候触发的，这时候输入框可能还不可见，focus会直接失效。
• 一定要检查生成的input元素ID是否正确！打开浏览器F12开发者工具，找到对应的输入框，确认ID和你JS里写的一致——如果模型属性是嵌套的（比如Model.User.Email），默认生成的ID会是User_Email，别写错了。
• 如果EditorFor是放在局部视图里动态加载的，要确保JS代码是在局部视图加载完成后执行，或者把监听事件的代码放在主视图里（主视图的JS会在整个页面加载完成后生效）。

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