jquery防止狂点击事件

最新推荐文章于 2022-06-30 10:06:35 发布
最新推荐文章于 2022-06-30 10:06:35 发布
阅读量309 收藏 1
点赞数
分类专栏： jquery 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_7017/article/details/82637137
版权

在使用Jquery处理提交的时候，由于function太大，处理时间比较长，用户可能重复点击，从而会造成重复提交。

解决：

方案一：应该在用户点击“提交”按钮后 将页面锁住，避免用户重复点击“提交”按钮，等提交完成后 再将屏幕解锁。实现：可以利用弹出一个div层把当前页面罩住。

          方案二： 在用户点击“提交“按钮后，将”按钮“禁用，等提交完成后 再启用按钮

         

iteye_7017
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
防止暴力点击的自认为比较好的方法 设置开关函数
03-10 585
一 用一个开关变量就可以了哦 。var kaiguan=1; onclick=function(){   if(kaiguan){      alert('执行第一次操作');       kaiguan = 0;  }} 执行click事件的时候就会判断一下kaiguan的值，第一次点击之后开关变量变成0了（if判断视为false），用if判断就不会通过，自然就只能执行一次拉
jQuery 防止相同的事件快速重复触发方法
10-18
为了解决这个问题，我们可以使用jQuery提供的方法来防止相同的事件快速重复触发。具体方法可以通过设置延时来控制，即在事件触发后，让程序等待一段时间，这段时间内如果再次触发相同的事件，则取消前一次事件的处理...
防止暴力点击
jpl1880的博客
09-26 683
setOnClickListener  重写 然后实现 onClickListener接口 然后封装一个时间     //全局定义 private long lastClickTime = 0L; private static final int FAST_CLICK_DELAY_TIME = 1000; // 快速点击间隔   if (System.currentTimeM...
jq中防止点击过快方法
weixin_44265867的博客
12-11 810
如果一个按钮可以在短时间内多次点击，那么有可能会被用户恶意点击，为防止这种情况，可以设定一定时间内只能点击一次，其他时间禁止点击按钮。 1.设置定时器 var click= true; function click(){ if(click){ click= false; //需要执行的事件 ... //定时器 ...
判断防抖--防止用户同时多次点击
JiAyInNnNnN123的博客
07-12 541
首先介绍一下背景： 提交用户信息的一个接口，我不想让用户点击提交之后疯狂点击导致相同的信息像后台发送请求。所以这里用到了，如何判断防抖。 首先说一下防抖和节流的区别。 节流就是指连续触发事件但是在 n 秒中只执行一次函数。 防抖就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。 代码如下: //全局中 let lock = tr...
防止狂点方法
xfh001的专栏
05-13 465
设置点击监听时，传入的接口用以下： public abstract class OnSingleClickListener implements View.OnClickListener { public static final int mDelay = 50; public boolean mEnable = true; public abstract void d
深入理解jQuery之防止冒泡事件
10-22
在jQuery中，防止事件冒泡可以通过调用事件对象的`stopPropagation`方法来实现。`stopPropagation`方法可以阻止事件继续传播到上层元素，这样父元素上的事件就不会被触发。这在某些情况下非常有用，比如我们希望点击...
jquery单击事件和双击事件冲突解决方案
10-22
如果间隔太短可能会导致正常的单击事件未能触发，而间隔太长则可能无法有效地防止冲突。 - 该解决方案在处理事件冲突时可能会导致双击事件的响应时间略长于正常情况，因为双击事件需要等待单击事件的定时器到期后...
jQuery如何防止这种冒泡事件发生
10-24
在上述jQuery代码片段中，我们看到如何在`span`元素的点击事件处理器中使用`event.stopPropagation()`来防止事件冒泡到父元素`div`和`body`。 除了阻止冒泡之外，事件处理中还常常需要阻止默认行为。例如，在表单中...
js实现模拟自动点击按钮，并且在10秒倒计时之后疯狂点击
diaobiao8107的博客
09-21 427
需求来自于csdn问答，可以利用这个原理做秒杀抢单外挂。 代码示例如下： <html> <head> <meta charset="utf-8"/> <script type="text/javascript"> var count = 10; var sh; ...
vue中防止用户频繁点击按钮
tsqjxy的博客
06-30 9785
1、在项目中遇到一个问题：当事件中的代码执行耗费时间，且用户在短时间不断点击按钮，造成短时间多次触发了按钮的事件（不断向服务器发起请求） 2、解决办法 方法一： 定义一个变量（如：isLock）来控制按钮的disable属性，进而来防止用户短时间的多次点击按钮方法二：全局定义一个指令，通过在按钮绑定指令来控制按钮被点击间隔时间方法三：只可以点击一次。3、具体实现： 方法1步骤： ① 首先设置变量isLock属性值为false,使得按钮可点击（disable: true） ② 当用户点击后，立即设置按钮不可点
jquery一个按钮防止连续点击的方法
leo
04-27 1万+
需要一个按钮不能连续点击的一个事件，setTimeOut&lt;a id="btn" value="就是一个按钮"/&gt;这个时候使用ajax请求后台但是不能连续点击事件方法，中间是有两秒的不能点击事件     btn.onclick = function oper(){ //执行一次 过2秒结束 才能点击 btn.onclick = null; clearTimeo...
1.2、jquery的暴力的动画效果
bin_2659017380的博客
09-24 158
一、jquery控制元素的隐藏和显示 1）基本用法 hide() 隐藏元素 $(‘p’).hide() 瞬间隐藏 show() 显示元素 $(‘p’).show() 瞬间显示 2)动画 语法 hide（speed ,callback） speed可选参数 fast、slow、毫秒数。 callback 是显示或隐藏之后执行的函数 hide（1000）1000毫秒 ...
click点击一次触发多次，冒泡与阻止冒泡，event.stopPropagation()和event.preventDefault()，return false三种的区别
唐策的博客
01-26 8969
eg：click点击一次触发多次， 解决办法：在对on绑定事件前，先解除绑定 $(document).off("click","#div").on("click","#div", function(){ alert("Hello World"); }) 今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方
jquery防止按钮重复点击
热门推荐
HitTheZone的博客
11-14 1万+
防止用户重复点击
防止过快点击造成多次事件执行（防止按钮重复点击）
qq_40567164的博客
12-01 4491
开发十年，就只剩下这套Java开发体系了 &gt;&gt;&gt;    ...
[css3] 动画案例---会呼吸的圆
qq_14993591的博客
08-17 2067
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
jQuery 防止相同的事件快速重复触发
flower的博客
02-27 1万+
重复触发就是防止用户重复点击提交数据了，我们一般都是点击之后没反应会再次点击了，这个不但要从用户体验上来做好，还在要js或php程序脚本上做好，让用户知道点击是己提交服务器正在处理，下面我就整理从脚本上来处理此重复触发的问题。 很多时候事件会被快速重复触发，比如 click，这样就会执行两次代码，造成很多后果。现在有比较多的解决方法，但几乎都有局限性，比如一个 Ajax 表单，如果防止用户一次点
jquery按钮单击事件
最新发布
12-03
以下是使用jQuery绑定按钮单击事件的示例代码： ```javascript // HTML代码 点击我 // JavaScript代码 $(document).ready(function(){ $("#myButton").on("click", function(){ alert("按钮被单击了！"); }); }...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值