首页 > 其他分享 >点击按钮自动刷新页面问题

点击按钮自动刷新页面问题

时间:2022-10-11 17:07:13浏览次数:44  
标签:标签 button 表单 点击 按钮 input type 页面


问题

<button class="layui-btn layui-btn-primary" onclick="findData()">查询</button>

点击页面上的按钮,执行完button的click事件后,会自动的重新刷新一下当前的页面。

原因

button,input type=button按钮在IE和w3c,firefox浏览器区别:

  1. 当在IE浏览器下面时,button标签按钮,input标签type属性为button的按钮是一样的功能,不会对表单进行任何操作。
  2. 但是在W3C浏览器,如Firefox下就需要注意了,button标签按钮会提交表单,而input标签type属性为button不会对表单进行任何操作。

解决方案

将button标签更换为input

<input class="layui-btn layui-btn-primary" value="查询" onclick="findData()"></input>

为button按钮增加一个type=”button”属性

<button type="button" class="layui-btn layui-btn-primary" onclick="findData()">查询</button>


标签:标签,button,表单,点击,按钮,input,type,页面
From: https://blog.51cto.com/u_15824687/5747145

相关文章