Joomla網站-具有調用javascript函數的形式-但它也正在重定向我的網址-為什么？

Question

編碼：

javascript：

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

<script type="text/javascript">
function scroll(pos)
{
    var x = location.hash;
     var scrolamount = pos;
    console.log(scrolamount);
    $('html, body').animate(
    {
        scrollTop: scrolamount
    }, 400);
    var d = document.createElement("div");
    d.style.height = "101%";
    d.style.overflow = "hidden";
    document.body.appendChild(d);
    setTimeout(function ()
    {
        d.parentNode.removeChild(d);
    }, 100);
    return false;
}
</script>

html

此功能顯示警報，然后照常返回頁面

<div id="tester">
<form action="javascript:alert('action sent');" >
<input type="submit" value="But1">
 </form>

此表單按預期方式滾動頁面，然后立即將URL重定向到主頁

<div id="but1">
 <form  onsubmit="scroll(400)" >
<input type="submit" value="But1">
          </form>       
</div>

Answer 1

您不會阻止表單提交。 嘗試添加：

onsubmit="scroll(400); return false;"