在IE和FF環境下連續點擊按鈕的事件處理的異同

最新推荐文章于 2024-09-27 09:39:47 发布
最新推荐文章于 2024-09-27 09:39:47 发布
阅读量874 收藏
点赞数
文章标签： ie ajax token
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weaponofpower/article/details/6238502
版权

場景： 

點擊按鈕後，使用ajax請求在服務端做一個比較耗時的操作。

如果使用同步ajax

如果在IE環境(IE8)下，心急的用戶連續點擊3此後，在第一次點擊事件處理完畢後，要接著會處理地二、三次單擊，所以總共會向服務端發送3此請求；

而在FF(3.6.X)下, 如果用戶連續點擊3次，如果後兩次在第一次點擊還沒處理完就發生， 則第一次處理完後，不會處理第二、三次點擊

 

所以對於按鈕使用ajax請求，涉及到如更新/刪除數據等業務操作時，要避免用戶多次點擊導致業務的出錯。

一般可行的做法

一是使用token,

二是點擊後就將按鈕disabled,直到請求處理結束再恢復成原來的狀態

 

 

weaponofpower
关注
不同浏览器处理后退的一些异同
dianhuanzi3763的博客
01-10 111
以前在测试自己写的webim时发现firefox有一个很人性化的特性：在页面上跟别人聊天的时候如果不小心点到了本页打开的链接，只要点一下 Firefox的后退按钮，就会退后到之前的页面，可以接着聊。也就是说在firefox中点击后退，原来页面的状态会还原，包括JS改变的DOM结构也 会保持。 我们用下面的代码来测试一些常见的浏览器是怎么处理后退的。测试的浏览器有IE8beta2...
IE和FireFox中的event事件
爱码农爱生活
03-18 110
最近在项目中碰到这样一个问题,表单提交,是用javascript控制的,当用户回车时就代表提交,同事在网上搜了一段代码放进去,在IE下是正常的,但我在用FF查看时,发现提交无效,用Firebug跟踪得到的结果是:  window.event has no properties 程序代码 function document.onkeydown(){ var source=event.src...
Onload,Onunload和onbeforeunload方法的异同
咫尺天涯
08-06 397
声明:网上收集 Onload,Onunload和onbeforeunload方法的异同 一 二种方法比较 1 onload的意思是当页面加载完毕的时候执行. 2 相同点:Onunload,onbeforeunload都是在刷新或关闭时调用 3 不同点:Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取,而onunload则已经从服务器上读到了需要加载的新的页面...
JavaScript事件
weixin_43466575的博客
04-10 553
1、事件概述 （1）事件 事件：可被理解为是JavaScript侦测到的行为。 举例：这些行为指的就是页面的加载、鼠标单击页面、鼠标滑过某个区域等。 （2）事件处理程序 事件处理程序：指的就是JavaScript为响应用户行为所执行的程序代码。 举例：用户单击button按钮，这个行为就会被JavaScript中的click事件侦测到；然后让其自动执行，为click事件编写的程序代码，如在控制台输出“按钮被单击”。 （3）事件驱动式 事件驱动式：是指在Web页面中JavaScript的事件，侦测到的用户行为
php浏览器关闭事件,JavaScript_JS针对浏览器窗口关闭事件的监听方法集锦，本文实例总结了JS针对浏览器 - phpStudy...
weixin_42381087的博客
04-03 236
JS针对浏览器窗口关闭事件的监听方法集锦本文实例总结了JS针对浏览器窗口关闭事件的监听方法。分享给大家供大家参考，具体如下：方式一：(适用于IE浏览器，而且刷新不提示，只在点击浏览器关闭按钮的时候提示)window.onbeforeunload=onclose;function onclose(){if(event.clientX>document.body.clientWidth&...
javaWeb核心技术第四篇之Javascript第二篇事件和正则表达式
weixin_30919235的博客
08-11 108
- 事件 - 表单提交(掌握) "onsubmit" - 单击事件(掌握) "onclick" - 页面加载成功事件(掌握) "onload" - 焦点事件:(掌握) - 获取焦点 "onfocus" - 失去焦点 "onblur" - 表单事件(了解) - ondb...
位图和SVG用法比较
葡萄城技术团队博客
11-06 2525
位图，亦称为点阵图像或绘制图像，是由称作像素（图片元素）的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增大单个像素，从而使线条和形状显得参差不齐。然而，如果从稍远的位置观看它，位图图像的颜色和形状又显得是连续的。 提到SVG，我想大多数人的第一印象是矢量缩放。是的，SVG是制作Logo、图标及按钮的理想选择。和
事件语法-DOM
qq_47455650的博客
07-22 1273
案例给ul注册点击事件，然后利用事件对象的target来找到当前点击的li，因为点击li，事件会冒泡到ul上，ul有注册事件，就会触发事件监听器。内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。相对于事件源元素（target或srcElement）的X,Y坐标，只有IE事件有这2个属性，标准事件没有对应的属性。.........
五大浏览器的历史、差异、对CSS和ES的支持 内核：Trident、Gecko、Blink、Webkit 浏览器：IE Opera Safari Firefox Chrome
weixin_43383238的博客
05-05 2628
历史 Internet Explorer 首次发表：1995 年 微软推出的 Internet Explorer。 IE1 发布于 1995 年 8 月 24 日，当时并没有捆绑在操作系统中，而是作为 Windows 95 插件的形式出现的，大小也只有 1 MB。 同年，IE2 发布，微软当时说这是第一个跨平台的浏览器，支持 Windows 和 Mac。IE2 也支持 JavaScript 了，...
华清远见重庆中心——HTML和CSS基础阶段技术总汇
m0_65710129的博客
11-19 475
前段html和css要点总结
美工笔试题目
09-17
important`：用于提高某些样式属性的优先级，尤其是在处理浏览器默认样式或外部样式冲突时。 ### 2. Web页面制作 这涉及到完整的Web设计过程，包括图像处理、切片、使用DIV+CSS布局以及确保跨浏览器兼容性。这要求...
Web前端面试题整合，持续更新【可以收藏】
jason的java世界
12-12 1474
css相关、JS相关、浏览器网络相关、vue相关、react相关、移动端相关、插件及工具相关、前端性能优化、原生通信、算法相关、node相关、计算机基础
面试题
Lily68910的博客
04-06 1981
面试题vuevue的特点是什么?vue中父子组件是如何传值的?组件传值--父组件向子组件传值子组件通过事件调用向父组件传值v-show和v-if指令的共同点和不同点?说出几种vue当中的指令和它的用法?1.v-model双向数据绑定2.v-for循环3.v-show 显示与隐藏4.v-on事件5.v-once只绑定一次vue-loader是什么? 使用它的用途有哪些?axios是什么? 怎么使用?单页面应用和多页面应用区别及优缺点简述一下vue常用的修饰符和作用?谈谈你对MVVM开发模式的理解前端如何优化网
前端基础知识点-每天一个基本知识点（100+个前端小知识，你是否都知道？）
m0_67394006的博客
03-02 9178
文章目录 前言 第一回合 一、知识点：cookie（21/09/06） 二、知识点：节流和防抖（21/09/07） 三、知识点：var和let以及const（21/09/08） 四：知识点：深拷贝和浅拷贝（21/09/09） 五、知识点：作用域和作用域链（21/09/10） 六、知识点：从输入URL到页面展示这中间发生了什么（21/09/11） 七、知识点：重排和重绘（21/09/12） 八、知识点：TCP和UDP（21/09/13） 九、知识点：三次握手（21/09/15） 十、知识点：绝对定位和相对定
Spark 中所有用到了Job对象的组件模块和关系
goTsHgo的博客
09-27 715
负责整个Job的生命周期管理，包括阶段划分、任务调度、任务失败重试等。StageJob被分解为多个Stage，每个Stage对应于一组可并行执行的Task。Task和TaskSetStage被分解为多个Task，并通过TaskSet提交执行。和负责将任务调度到集群中具体的节点，负责与集群管理器交互，启动执行器并分配任务。ActiveJob：代表正在运行的Job，并与一起跟踪其状态。：负责Shuffle操作中，数据的输出位置跟踪与管理。Job。
Spark 的 Skew Join 详解
goTsHgo的博客
09-24 863
数据倾斜指的是当某些key关联了异常大量的数据，而其他key关联的数据量较少时，数据分布的不均衡会导致计算瓶颈。例如，在JOIN操作中，如果表 A 中某个key具有大量的数据，而表 B 中同样的key也有大量数据，当这两个表基于这个key进行JOIN时，由于该key被分配到一个或少数几个分区，相关的任务会处理大量的数据，而其他分区的任务数据量却较少。这会导致部分任务比其他任务运行时间长，从而影响整个任务的执行时间。Skew Join是 Spark 中为了解决数据倾斜问题而提供的一种重要优化机制。
详解Ajax与axios的区别
weixin_56187723的博客
09-22 795
Ajax与Axios在Web开发中都是用于发送HTTP请求的技术，但它们在多个方面存在显著的差异。
【第二十二章：Sentosa_DSML社区版-扩展编程】
KennethYuen
09-25 916
扩展编程类算子是算子里支持sql语句编写及脚本编程，用户可以根据自己的需要在算子中编写自己需要执行的sql语句或者脚本对数据进行处理。扩展编程类算子数据算子流中的中间算子。
相机标定源代码（张正友标定法）
最新发布
09-27
相机标定源代码，给自己的手机摄像头进行标定，采用张正友标定法，包含数据和源代码。
兼容IE与FF的JavaScript技巧：事件处理与定位问题解决方案
在处理CSS样式相关的坐标位置时，IE支持通过style.posLeft和style.posTop获取，而FF则不支持，通用的做法是使用element的offsetLeft和offsetTop属性。对于页面的视口尺寸，IE使用document.body.offsetWidth和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值