繁体   English   中英

Javascript,页面不断刷新

[英]Javascript, page keeps refreshing

我正在尝试提交表单,但是当我打开页面时,它会保持刷新状态,而无需我提交或做任何事情

<html>
<head>
</head>
<body>
    <form id="someForm">
        <input id="someInput" /><button>Send</button>
    </form>
    <script>        
  document.getElementById('someForm').submit(() => {
        //do something..
  });
    </script>
</body>
</html>

页面显示后,您的代码将提交给表单。 自然,这将重新显示该页面,然后再次提交表单。

问题在这里:

document.getElementById('someForm').submit(() => { // <===
    //do something..
});

submit调用 submit ,然后将其提交。 如果您的目标是挂钩事件,则不要那样做(看起来您可能已经看过一些jQuery示例),您可以这样做:

document.getElementById('someForm').addEventListener("submit", () => { // <===
    //do something..
}, false);

附注:肯定有你想要使用的事件处理程序箭头功能倍,但大部分的时间,你不希望的,因为你想要的事件系统来设置this为你在你大呼过瘾的元素处理程序。 因此,请记住一点。

document.getElementById('someForm').submit(() => {
      //do something..
});

上面的代码告诉表单提交。

如果您的目标是在按下按钮时提交表单,则它将如下所示:

document.getElementsByTagName('button').click(function(){
    document.getElementById('someForm').submit()
})

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM