Javascript，页面保持刷新_Javascript_Html

Javascript，页面保持刷新

javascript html

Javascript，页面保持刷新,javascript,html,Javascript,Html,我试图在提交表单时做一些事情，但当我打开页面时，它会保持刷新，而我不会提交或做任何事情 <html> <head> </head> <body> <form id="someForm"> <input id="someInput" /><button>Send</button> </form> <script> doc

我试图在提交表单时做一些事情，但当我打开页面时，它会保持刷新，而我不会提交或做任何事情

<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'）。提交（（）=>{
//做点什么。。
});

页面一显示，您的代码就会提交到表单中。当然，这会重新显示页面，再次提交表单

问题在于：

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

旁注：确实有一些时候您希望在事件处理程序中使用arrow函数，但大多数情况下，您不想这样做，因为您希望事件系统为您设置

此

，以连接处理程序的元素。所以请记住一点。

页面一显示，您的代码就会提交到表单中。当然，这会重新显示页面，再次提交表单

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

问题在于：

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

旁注：确实有一些时候您希望在事件处理程序中使用arrow函数，但大多数情况下，您不想这样做，因为您希望事件系统为您设置

此

，以连接处理程序的元素。所以要记住一点

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

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

如果您的目标是在按下按钮时提交表单，则如下所示：

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

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

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

如果您的目标是在按下按钮时提交表单，则如下所示：

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

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

document.getElementById（'someForm'）。onsubmit=function（）{…}

document.getElementById（'someForm'）。onsubmit=function（）{…}