网站logo
×

首页 > 最新资讯 > 前端防止重复点击的解决方案

前端防止重复点击的解决方案

发布时间 2020-04-29

前端会有这么个需求,由于AJAX提交数据为异步提交,在像用户注册或者支付这样的场景里,在用户点完按钮后,ajax返回结果前,是不允许用户在进行点击的。因此,在这里我总结了几个防止重复提交的方法:

1. css设置pointer-events

 


2. 添加变量标志

 


3. 禁用提交

3.1 非按钮

 

3.2 按钮

 


4. 加遮罩