为了防止重复提交,前端一般会在第一次提交的结果返回前,将提交按钮禁用。
实现的方法有很多种:
- css设置
pointer-events
为none
- 增加变量控制,当变量满足条件时才执行点击事件的后续代码(比如给按钮的点击事件增加防抖)
- 如果按钮使用 button 标签实现,可以使用
disabled
属性 - 加遮罩层,比如一个全屏的loading,避免触发按钮的点击事件
- …
为了防止重复提交,前端一般会在第一次提交的结果返回前,将提交按钮禁用。
实现的方法有很多种:
pointer-events
为 none
disabled
属性