JavaScript focus() 是否触发浏览器滚动水平条

Question

场景：

我有一个包含多个 Web 控件的网页，在该网页上我有 horizontal scroll bar.

案例：

现在，考虑这样一种情况，在单击 button(event) 时，我将焦点设置在特定控件上，当单击该控件在页面上不可见的按钮时，它已接近网页末尾 button 位于页面顶部。

$("#ControlId").focus();

问题：

现在，我的问题是将焦点设置在该控件上是否也会 trigger 水平滚动条并在页面上显示该控件？

Answer 1

$('button').click(function(){
  $("#ControlId").focus();
});
   $( window ).scroll(function() {
  $("#ControlId").val("Yes!" );
   });

button{
margin-bottom:2000px;
}
input{
margin-left:2000px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Does JavaScript focus() scroll horizontal bar of browser?</button>
<br>
<input id="ControlId" value=""/>

JavaScript focus() 是否触发浏览器滚动水平条

Does JavaScript focus() triggers scroll horizontal bar of browser

html

javascript

jquery

focus

scrollbar