jquery防止狂点击事件

解决jQuery处理提交时的重复提交问题
最新推荐文章于 2019-12-11 11:21:22 发布
原创 最新推荐文章于 2019-12-11 11:21:22 发布 · 373 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ViewUI

在使用jQuery处理提交时，面对功能过大导致处理时间长，用户可能重复点击‘提交’按钮造成重复提交的问题，本文提出两种解决方案：一是页面锁住避免用户重复操作，二是禁用按钮直至提交完成，确保数据安全性和用户体验。

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

解决：

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

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

         

防止暴力点击的自认为比较好的方法 设置开关函数
03-10 651
一 用一个开关变量就可以了哦 。var kaiguan=1; onclick=function(){   if(kaiguan){      alert('执行第一次操作');       kaiguan = 0;  }} 执行click事件的时候就会判断一下kaiguan的值，第一次点击之后开关变量变成0了（if判断视为false），用if判断就不会通过，自然就只能执行一次拉
JS初学者使用jQuery开发一款弹幕射击游戏
qq_33488008的博客
03-12 2910
简介DooMissO是本人使用JS、jQuery开发的一款弹幕射击游戏，现已推出1.8版 Js和jQuery代码混搭得比较厉害，后续几个版本会陆续修正统一github仓库地址：https://github.com/Kagashino/doomisso-demo 试玩地址：https://kagashino.github.io/doomisso-demo/实现步骤：一、游戏画布（伪）这个不是CAN
防止暴力点击
jpl1880的博客
09-26 747
setOnClickListener  重写 然后实现 onClickListener接口 然后封装一个时间     //全局定义 private long lastClickTime = 0L; private static final int FAST_CLICK_DELAY_TIME = 1000; // 快速点击间隔   if (System.currentTimeM...
jq中防止点击过快方法
weixin_44265867的博客
12-11 909
如果一个按钮可以在短时间内多次点击，那么有可能会被用户恶意点击，为防止这种情况，可以设定一定时间内只能点击一次，其他时间禁止点击按钮。 1.设置定时器 var click= true; function click(){ if(click){ click= false; //需要执行的事件 ... //定时器 ...
判断防抖--防止用户同时多次点击
JiAyInNnNnN123的博客
07-12 592
首先介绍一下背景： 提交用户信息的一个接口，我不想让用户点击提交之后疯狂点击导致相同的信息像后台发送请求。所以这里用到了，如何判断防抖。 首先说一下防抖和节流的区别。 节流就是指连续触发事件但是在 n 秒中只执行一次函数。 防抖就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。 代码如下: //全局中 let lock = tr...
防止狂点方法
xfh001的专栏
05-13 501
设置点击监听时，传入的接口用以下： public abstract class OnSingleClickListener implements View.OnClickListener { public static final int mDelay = 50; public boolean mEnable = true; public abstract void d
jqueryEasyui换肤技术
05-11
jQuery EasyUI 是一款基于 jQuery 的前端开发框架，它提供了一系列的UI组件，使得开发者能够快速构建功能丰富的Web应用。在jQuery EasyUI中，换肤功能是其增强用户体验、个性化定制的重要特性之一。本文将深入探讨...
HTML5 Canvas疯狂气泡动画特效.zip
11-02
6. **jQuery集成**: 标签中提到了jQuery，这可能意味着这个动画特效同时使用了jQuery库来辅助处理DOM操作或事件监听。jQuery可以让这些操作更加简洁和流畅，但它并不是HTML5 Canvas的标准部分。 7. **CSS特效**: ...
掌握jQuery轮播图：简单实用的实现方法
这涉及到监听用户点击事件，并在点击时更改当前显示的轮播项。 具体到本文给定的文件信息，我们还可以进一步解析： - **标题**："jQuery轮播图"，表明本内容专注于介绍如何使用jQuery技术制作轮播图。 - **描述**...
jQuery EasyUI 菜单与TAB实例演示
jQuery EasyUI 是一个基于 jQuery 的前端框架，主要用于快速构建功能丰富、交互性强的 Web 用户界面。本资源标题为“jQuery EasyUI 实例演示（菜单、TAB等）”，从标题可以看出，该资源主要聚焦于使用 jQuery EasyUI...
js实现模拟自动点击按钮，并且在10秒倒计时之后疯狂点击
diaobiao8107的博客
09-21 491
需求来自于csdn问答，可以利用这个原理做秒杀抢单外挂。 代码示例如下： <html> <head> <meta charset="utf-8"/> <script type="text/javascript"> var count = 10; var sh; ...
Jquery小菜鸟---防止按钮在短时间内被多次点击
weixin_30706691的博客
04-28 436
如果一个按钮可以在短时间内多次点击，那么有可能会被用户恶意点击，为防止这种情况，可以设定一定时间内只能点击一次，其他时间禁止点击按钮。 代码如下： <div> <input type="button" value=" 点点点 " id="btn" onclick="show()" /> </div> <script type=...
js 3秒内防止重复点击(提交)
wx13227855087的博客
09-12 7088
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport"
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 202
一、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 9292
eg：click点击一次触发多次， 解决办法：在对on绑定事件前，先解除绑定 $(document).off("click","#div").on("click","#div", function(){ alert("Hello World"); }) 今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方
jquery防止按钮重复点击
热门推荐
HitTheZone的博客
11-14 1万+
防止用户重复点击
防止暴力点击（节流）
WebDestiny的博客
11-29 1496
节流(throttle) 在n秒内点击多次，只有一次生效。 <template> <div> <button @click="throttle">按钮</button> </div> </template> <script> //定义 let timer, lastTime; let no...
深入理解jQuery点击事件及事件绑定机制
资源摘要信息: "teacher progrom jQuery点击事情，事件绑定机制.rar" 知识点说明： 1. jQuery基础知识点： - jQuery是一个快速、简洁的JavaScript库，它通过封装JavaScript的复杂操作，简化了HTML文档遍历、事件...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值