单击按钮后将焦点置于特定 div 上

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

通常，您无法聚焦 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 应该成为焦点并跳入视图。 点击后我只是做类似的事情divElement.focus()

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