概述
如何阻止表单的默认提交事件_Hello World-CSDN博客_阻止form表单提交事件
表单一点击提交按钮(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>
最后
以上就是无语电话为你收集整理的如何阻止表单的默认提交事件的全部内容，希望文章能够帮你解决如何阻止表单的默认提交事件所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复