如何阻止button默认的刷新页面操作

当button在form表单时，点击button会自动触发button的默认事件，也就是刷新当前页面。那么如何阻止呢：

有两种方式：

一：将<button></button>改为<input type="button"> 或者直接在<button>中添加属性 type="button".

二：在button的点击事件中

$('btn').click(function(e){

e.preventDefult();

.......

});

阻止冒泡

function sss(event){

event.stopPropagation();

}

转载于:https://www.cnblogs.com/LYL-8/p/9684959.html

如何阻止button默认的刷新页面操作相关推荐

点击button会自动刷新页面??
前言: 今天用了原生的html与js写页面,突然发现,在form标签里写的button,点击button标签会刷新页面.显而易见,对于半路出家,基础知识薄弱的我来说,这实在是unbelivablely ...
阻止button默认点击边框_如何消除button/button标签的默认样式
在不添加任何样式的情况下,以下的html代码呈现如下: 1 2 3 4 5 6 7 8 9 上面是在谷歌浏览器中的默认样式.可以发现默认带有padding和border. 我们可以添加以下代码来消除默 ...
【chrome插件】Auto Refresh Plus 自动刷新页面
导言: 对于需要在特定时间轻松执行自动网页刷新的任何用户,Auto Refresh Plus都非常方便.它还提供内容检测支持,当您需要查找动态网页中包含的内容时,这确实非常有用. 主要特征 1.默认时 ...
php验证码切换不刷新页面,Yii2解决验证码点击、刷新页面不刷新问题
原文链接:https://www.jianshu.com/p/7455f270ebcb 首先解决刷新页面不刷新验证码问题通过分析源码,我们只需修改\yii\captcha\CaptchaAction ...
Vue中刷新页面的三种方式
一.通过js原始方法刷新 <template><div><div class="header"><button @click=" ...
【打开方式问题解决】该文件没有与之关联的应用来执行该操作。请安装应用，若已经安装应用，请在“默认应用设置“页面中创建关联。
问题描述最近用了某款编辑右键菜单工具,清理了下冗长的右键内容,但是却出现了另一个奇奇怪怪的问题,就是对某一类型文件,在右键后,点击[打开方式]->[选择其他应用],会弹出[该文件没有与之关联的 ...
该文件没有与之关联的程序来执行该操作。请安装应用,若已经安装应用,请在“默认应用设置“页面中创建关联
Windows系统,点击任务栏锁住软件显示:该文件没有与之关联的程序来执行该操作.请安装应用,若已经安装应用,请在"默认应用设置"页面中创建关联. 原因:删除快捷方式小箭头导致的 ...
win10系统该文件没有与之关联的应用来执行该操作,请安装应用,若已经安装应用,请在“默认应用设计“页面中创建关联
!!!注意 ,这个解决了我的问题, 但是不敢保证能不能解决你们的问题- 点击任务栏的资源管理器出现: 该文件没有与之关联的应用来执行该操作,请安装应用,若已经安装应用,请在"默认应用设计&q ...
关于IOS系统,H5页面操作history.go(n)回退页面时不会刷新页面数据的问题
关于IOS系统 H5页面操作history.go(n)回退页面时不会刷新页面数据的问题在我们从操作h5页面时,离开当前页面后,在使用返回键或者history.go(n)再次回到页面,有时是需要刷新当 ...

如何阻止button默认的刷新页面操作

如何阻止button默认的刷新页面操作相关推荐

最新文章

热门文章