Web秀
首页
专栏
文章
问答
热点
导航
实例
问答
登录
首页
前端
JavaScript
Vue.js
CSS
Uni-App
专栏
问答
工具
全网热点
导航
前端
设计
实例
登录
分享
提示
怎么预防用户快速连续点击,造成数据多次提交?
Javan
Lv6
2022年12月12日 08:08
阅读 545165
参考答案
为了防止重复提交,前端一般会在第一次提交的结果返回前,将提交
按钮
禁用。
实现的方法有很多种:
css设置
pointer-events
为
none
增加变量控制,当变量满足条件时才执行
点击
事件的后续代码
如果按钮使用 button 标签实现,可以使用
disabled
属性
加遮罩层,比如一个全屏的loading,避免触发按钮的点击事件
...
分享
提示
正文结束
分类
javascript
标签
按钮
提交
点击
变量
表情
图片
图片上传
Ctrl + Enter
发布
关于作者
Javan
Lv6
专注于前端知识分享
获得点赞
0
文章被阅读
0
猜你喜欢
换一换