您的位置:首页 > Web前端 > JavaScript

[JS]让表单提交返回后保持在原来提交的位置上

2006-09-13 13:41 239 查看
当你用asp.net开发web页面时,你会发现,如果你设置了一个页面,如果里面含有多个Button,而且页面很长。
当你点击Button后PostBack时,页面总是显示在最上面,极其不方便。

但下面这段代码,写帮你解决这个问题。

<input type="submit" name="Button1" value="Button" id="Button1" />
<input type="hidden" id="Window_OffsetY" name="Window_OffsetY" value="0">
<input type="hidden" id="Window_OffsetX" name="Window_OffsetX" value="0">

<script language="Javascript">
var ua = navigator.userAgent.toLowerCase();
var isIE = (ua.indexOf('msie') != -1 && !this.isOpera && (ua.indexOf('webtv') == -1) );

function Window_OnSubmitIE(){
document.getElementById("Window_OffsetY").value = window.event.offsetY - window.event.clientY + 2;
document.getElementById("Window_OffsetX").value = window.event.offsetX - window.event.clientX + 2 ;
}

function Window_OnSubmitNS(event){
document.getElementById("Window_OffsetY").value = event.pageY - event.clientY;
document.getElementById("Window_OffsetX").value = event.pageX - event.clientX;
}

if (!isIE){
document.forms[0].addEventListener('submit',Window_OnSubmitNS, false);
}
else{
document.forms[0].attachEvent('onsubmit',Window_OnSubmitIE);
}

function Lili1_OnLoad(){
window.scrollTo(0,1431);
}

if (!isIE){
window.addEventListener('load',Lili1_OnLoad, false);
}
else{
window.attachEvent('onload',Lili1_OnLoad);
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐