html button 自动刷新,layui点击按钮页面会自动刷新的解决方案

layui点击按钮页面会自动刷新的解决方案

发布时间：2020-09-14 08:38:52

来源：脚本之家

阅读：132

作者：扎哈的信徒

问题：

Title

输入框

test

layui.use(['laytpl','jquery','layer','form'],function () {

var laytpl = layui.laytpl,

layer = layui.layer,

form = layui.form,

$ = layui.$;

$('.test').click(function () {

layer.msg("test");

});

});

点击test按钮后，应该弹出信息“test”，但是运行后没有弹出信息，而是页面刷新了。

原因：

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

当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会对表单进行任何操作。

但是在W3C浏览器，如Firefox下就需要注意了，button标签按钮会提交表单，而input标签type属性为button不会对表单进行任何操作。

解决办法：

方法一：将button标签更换为input

test

方法二：

test

以上这篇layui点击按钮页面会自动刷新的解决方案就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持亿速云。