簡體   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