https://blog.csdn.net/whd526/article/details/78178451
表單一點擊提交按鈕(submit)必然跳轉頁面,如果表單的action爲空也會跳轉到自己的頁面,即效果爲刷新當前頁。
如下,可以看到一點擊提交按鈕,瀏覽器的刷新按鈕閃了一下:
如果想要阻止表單的默認提交事件,有以下幾種方法:
1.將<input>標籤內按鈕類型從type="submit"修改爲type="button"
2.表單內的<button>未指定類型時,默認的類型爲submit,可以顯式的修改爲<button type="button">來阻止表單提交
3.利用preventDefault()方法:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
function func(event){
event.preventDefault();
}
</script>
</head>
<body>
<form action="">
<input type="submit" value="button" onclick="func(event)" />
</form>
</body>
</html>