js设置文本框聚焦时置顶，失去焦点时恢复位置（适用于移动设备软键盘遮挡问题）

这篇博客介绍了如何使用JavaScript解决移动设备上输入框聚焦时被软键盘遮挡的问题，通过使文本框在聚焦时置顶，失去焦点时恢复原来位置，确保用户体验。

<!DOCTYPE html>
<html>
<head>
<script>
var aaa=0;//记录位置变量


//聚焦时置顶


function setToTopfirst(ele) { 
aaa=document.documentElement.scrollTop;//记下聚焦时位置(火狐、谷歌、IE可用）
//aaa=document.body.scrollTop;//记下聚焦时位置，360专用，搞特殊的360。。
window.scrollTo(0,ele.offsetTop);
    }

//输入时置顶
function setToTop(ele) { 
window.scrollTo(0,ele.offsetTop);
    }

//失去焦点时恢复位置
function resume(){
window.scrollTo(0,aaa);
}

</script>
</head>
<body>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>

<p>测试。</p>

<p>测试。</p>



<p>测试。</p>


<p>测试。</p>


<p>测试。</p>


<p>测试。</p>


<p>测试。</p>

<p>测试。</p>

<p>测试。</p>


<p>测试。</p>


<p>测试。</p>


<p>测试。</p>


<p>测试。</p>


<p>测试。</p>

<p>测试。</p>
测试输入框文本：<input type="text" value="请选中我！"  

onfocus="setToTopfirst(this)"  oninput="setToTop(this)" 

onblur="resume()">

<p>测试。</p>

<p>测试。</p>
<p>测试。</p>

<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>

<p>测试。</p>


<p>测试。</p>


<p>测试。</p>


<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<p>测试。</p>
<
</body>
</html>

码农小伍初入码坑，大神多多指教，有不妥之处欢迎提出指点。