Joomla网站-有一个表单调用javascript函数-但它也重定向我的url -为什么

Joomla Site - have a form that calls a javascript function - but it also is redirecting my url - why?

本文关键字：重定向 url 为什么 我的 函数 有一个 网站 表单 调用 javascript Joomla      更新时间：2023-09-26

代码:

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>

您没有阻止表单提交。试着添加这个:

onsubmit="scroll(400); return false;"
相关文章：