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