如何在提交事件的底部设置窗口位置

How to make a window position to bottom on submit event?

本文关键字：底部 设置 窗口 位置 事件 提交      更新时间：2023-09-26

我得到了一个只有几个下拉字段的页面，当我提交页面时，它会在字段下方返回一个来自mysql的数据。当用户单击提交按钮时，我想将此页面定位在底部。目前我尝试了以下脚本：

function md()
{
//window.location.hash="code";
window.scrollTo(0, document.body.scrollHeight);
}

这在Mozilla中有效，但在IE中无效。上面的代码还有其他选择吗？我的提交按钮有一个onclick事件，它调用两个javascript函数：

onClick='selectAllOptions("countryRF");md();return false;'

所以在IE中，当我点击它的底部时，但当数据出现时，它又回到了顶部？请帮帮我！

尝试使用以下代码：

<form action="" onsubmit="selectAllOptions('countryRF');setTimeout(md, 1000);return false;">

form最好使用onsubmit，而不是按钮使用onclick，因为使用键盘、读屏器、盲文终端等的人将无法触发click事件。

我添加的代码是setTimeout(md, 1000);，它在1秒后触发函数md，因为页面更新可能只需要一秒钟。

编辑：

这可能行不通。

尝试将name="form"添加到表单中，并在页面的head部分使用：

<?php
if(isset($_POST['form'])) {
    ?>
<script type="text/javascript">
    window.onload = function() {
        window.scrollTo(0, document.body.scrollHeight);
    };
</script>
<?php
}
?>

如果你想这样做，这个jquery函数会滚动到页面底部：

$("html, body").animate({ scrollTop: $(document).height() }, "slow");

所以你可以把它放入函数中：function md() { [the code above] }

不过，一定要加载jquery，把它放在页面的<head>中：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

希望这有帮助：）

相关文章：