[英]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.