layui 按钮点击之后会刷新页面

本文探讨了在使用layui按钮组件时,button标签在不同浏览器下导致页面自动刷新的问题,并提供了解决方案,即将button改为input type=button,避免在W3C浏览器如Firefox下提交表单。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

点击页面上的按钮,js执行完button的click事件后(包括行内的 onclick() 事件),会自动的重新刷新一下当前的页面。
<button type="button" class="layui-btn layui-btn-sm" id="applyAll" value="应用全部"></button>

解决方案:将 button 改为 Input , 加上 type=“button”
<input type="button" class="layui-btn layui-btn-sm" id="applyAll" value="应用全部">

原因:
button,input type=button按钮在IE和w3c,firefox浏览器区别:
当在 IE 浏览器下面时,button标签按钮,input标签type属性为button的按钮是一样的功能,不会对表单进行任何操作。但是在 W3C 浏览器,如Firefox下,button标签按钮会提交表单,而input标签type属性为button不会对表单进行任何操作。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值