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;"