Skip to content
Wepress
Main Navigation
Home
Examples
基础
HTML
CSS
JavaScript
编程
前端安全
场景题
工程化
性能优化
编程题
跨端技术
框架
Node
React
TypeScript
Vue
小程序
计算机网络
其他
AI相关
leetcode
工具
算法
计算机基础
趣味题
选择题
Appearance
Menu
Return to top
On this page
怎么预防用户快速连续点击,造成数据多次提交?
参考答案:
为了防止重复提交,前端一般会在第一次提交的结果返回前,将提交按钮禁用。
实现的方法有很多种:
css设置
pointer-events
为
none
增加变量控制,当变量满足条件时才执行点击事件的后续代码(比如给按钮的点击事件增加防抖)
如果按钮使用 button 标签实现,可以使用
disabled
属性
加遮罩层,比如一个全屏的loading,避免触发按钮的点击事件
...