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

时间:2016-07-14 11:17:23

标签: javascript jquery html focus scrollbar

情境:

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

案例:

现在,考虑这样一种情况:点击button(event)我将焦点放在特定控件上,然后点击按钮,控件在页面上不可见,它朝向网页末尾{{1在页面顶部。

button

问题:

现在,我的问题是设置焦点在该控件上还会$("#ControlId").focus(); 水平滚动条并在页面上显示控件吗?

1 个答案:

答案 0 :(得分:2)



$('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=""/>
&#13;
&#13;
&#13;