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" οnclick="func(event)" /> </form> </body> </html>