javascript - 单击按钮后将焦点放在特定的 div 上

Question

我在页面中有一个表格，用于在特定舞台上注册各种娱乐节目。提交所有详细信息并单击提交按钮后，它应该检查特定日期该阶段是否存在程序。如果存在任何程序，div 应显示现有程序的全部详细信息。我的问题是，如果存在任何程序，我需要将重点放在新生成的 div 上(我的意思是 div 应该是可见的，不需要编辑).我需要它是因为，div 是在 AJAX 的帮助下生成的，而且表单很长，所以用户看不到生成的 div，除非他/她向上滚动。注意:div 是在顶部位置创建的。有什么方法可以使 div 部分在表单提交后可见

Answer 1

通常，你不能聚焦一个 div。但是，如果您向其中添加一个 tabindex，它将起作用:

<div tabindex="0">test </div>

这是一个演示:

.z{margin-top:800px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" onclick="$('.z')[0].focus()" value="test" />
<div>
    <div class="z" tabindex="0">test </div>
</div>

如果您点击测试按钮，div 应该会获得焦点并跳转到 View 中。单击时，我只是执行类似 divElement.focus()

的操作

另一种选择是滚动包含您新添加的 div 的区域，就像这里的其他答案一样。