代码之家  ›  专栏  ›  技术社区  ›  RTC222

单击submit按钮时执行无关的javascript

  •  0
  • RTC222  · 技术社区  · 7 年前

    从属页面(而不是登录页面)上的脚本提交一个要上载的文件,单击该按钮后,将调用将其定位回原始起点(RestoreFooter)的代码。

    我认为“提交”按钮单击会导致页面重新加载,这可能会导致页脚重新定位到其起点,但这不是问题所在(据我所知)。

    以下是重新定位页脚的脚本,以及将页脚设置回其起点的脚本:

    <script>
    function MoveFooter() {
        document.getElementById("footer_x").style.visibility = "hidden";
        document.getElementById("footer_y").style.visibility = "visible";   }
    </script>
    
    <script>
    function RestoreFooter() {
    console.log("here_RF");
    document.getElementById("footer_y").style.visibility = "hidden";
    document.getElementById("footer_x").style.visibility = "visible";}
    </script>
    

    以下是按钮脚本:

    <div class="upload_text" style="margin-left: 10%;">
    <button class="btn" id="submit_btn" type="submit" value="Submit"    onsubmit="submit_btn.disabled = true; return true;">Create extension</button></div>
    

    我还尝试将其设置为普通按钮,而不是提交按钮,但仍然存在相同的问题:

    <div class="upload_text" style="margin-left: 10%;">
    <button class="btn" id="submit_btn">Create extension</button></div>
    

    这是一个相当大的项目,所以我已经发布了足够的代码来理解这个问题。如果需要更多的代码,我会发布更多。

    编辑:我在下面就这个问题的可能来源发表了评论。我稍后再发回来。

    2 回复  |  直到 7 年前
        1
  •  0
  •   Fan Yer    7 年前

    关于代码的信息不足,您应该发布更多详细信息。

    建议添加调试器以逐行进入处理程序函数。

        2
  •  0
  •   RTC222    7 年前

    正如我在上面的编辑中提到的,按钮位于div中,div有一个处理程序,当用户单击div区域内的任何位置时,该处理程序调用函数在DOM中进行某些更改。像我的按钮一样传播给孩子们。我通过消除每当单击区域(div)时触发的函数来解决这个问题。如果我在某些情况下需要该功能,而不是在其他情况下,我需要指定调用该功能的所有位置。