javascript - 防止 <input/> 离开视线，在 selected() (或 onFocus)时将页面滚动到 View 中

Question

我有一个带有 JS 代码的页面，当鼠标悬停在输入的父级上时，可以使用 jQuery 的 $element.select() 选择输入的内容。

我想防止浏览器在选择输入时将输入滚动到 View 中(我认为也获得焦点？)它是看不见的，因为页面是一组缩略图，每个缩略图下方都有输入，这是什么意思这是一个链式 react ，如果您不将鼠标移开，它会一直滚动到页面底部。

Answer 1

试试这个代码

$('#childInput').on('focus',function(e)
{
  e.preventDefault();
 });


$('#parentDiv').on('mouseover',function()
{
   var temp= $('body').scrollTop();
   var temp1=$('body').scrollLeft();
   $('#childInput').select();
   $('body').scrollTop(temp);
   $('body').scrollLeft(temp1);
});