解决点击button按钮会刷新页面的问题

简介: 解决点击button按钮会刷新页面的问题

为什么点击button按钮会刷新页面呢?我是在写小功能的时候发现了这个问题。

原因:我们设置一个button标签按钮,它的标签默认的是submit这个属性,而这个属性默认的是具有表单提交功能的,所以在非IE浏览器下会存在点击后刷新页面的这个问题。
<button>按钮1</button>
<!-- 默认值 -->
<button type="submit">按钮2</button>
那我们如何解决呢?

解决方案:

  • 在原生button按钮中添加type = "button"属性值就ok,这样它就仅仅只是一个按钮了
  • button换写成input标签
<button>按钮1</button>
<!-- 默认值 -->
<input type="button" value="按钮"/>
目录
相关文章
|
JavaScript 前端开发
layui实现点击按钮全屏
layui实现点击按钮全屏
496 0
el-popover 点击取消按钮,弹窗仍然无法关闭
el-popover 点击取消按钮,弹窗仍然无法关闭
|
5月前
|
JavaScript
vue element MessageBox.prompt this.$prompt组件禁止显示右上角关闭按钮,取消按钮,及点击遮罩层关闭
vue element MessageBox.prompt this.$prompt组件禁止显示右上角关闭按钮,取消按钮,及点击遮罩层关闭
107 0
|
7月前
点击div显示下拉框,然后下拉框中的点击事件不生效。
点击div显示下拉框,然后下拉框中的点击事件不生效。
点击按钮,新增输入框,再点击按钮,删除输入框
点击按钮,新增输入框,再点击按钮,删除输入框
59 0
点击button页面重新加载刷新
点击button页面重新加载刷新
68 0
|
JavaScript
element-ui的popover弹出框点击取消
element-ui的popover弹出框点击取消
284 1
|
JavaScript
vue点击取消再点击选中(单选)
vue点击取消再点击选中(单选)
|
XML 数据格式
AS中按钮不显示问题
AS中按钮不显示问题