最近发现网页程序中有个BUG,就是在input标签输入框中输入完数据后,直接点击“取消” 按钮的时候、出现网页崩死的情况;

经过小主酸菜我,各种方法的尝试后,找到一个初步可以解决的方案,在这里分享给大家:

首先,分析一下原因:input标签直接离开后,触发的事件是input标签的blur事件;然后直接去点击了取消按钮,执行button事件。

由于js是单线程的所以就出现了问题,现在需要让blur先执行验证,然后在触发click事件。

所以:咱们的解决方案就是,要让他blur事件先验证了,然后再执行button的onclick事件,让js一步一步的来;

给button的onclick事件写一个推迟执行的方法、利用setTimeout();

实例代码如下:

<!--<input type="reset" onclick="BackToMainPage()" value="取消" class="reset tf" id="btnCancel" />   这是原来的取消按钮的代码,下图为改善后。-->

<input type="reset" value="取消" class="reset tf" id="btnCancel" />

 $("#btnCancel").mousedown(
function (e) {
setTimeout('BackToMainPage()', );
});

aaarticlea/png;base64,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" alt="" />

写的不太好,如有其它问题,请指教。

最新文章

  1. 关于CMFCPropertyGridFontProperty的赋值问题
  2. OC 初识NSString,self关键字,继承,成员变量的可见性,description方法
  3. OceanBase架构浅析(一)
  4. MySQL报错:Packets larger than max_allowed_packet are not allowed 的解决方案
  5. MySQL追加注释或者大量修改注释
  6. FBReader移植日记 第一天
  7. django随笔说明
  8. Windows Phone开发(19):三维透视效果
  9. MyBatis浅尝笔记
  10. 一个Ruby静态代码分析器 rubocop
  11. Java课程设计 学生基本信息管理个人博客
  12. Android数据绑定技术一,企业级开发
  13. linux下执行java类(运行java定时器)
  14. mac 登录亚马逊云服务器报错:Permission denied (publickey).
  15. (三)ajax请求不同源之websocket跨域
  16. 一致性Hash算法(分布式算法)
  17. Redis 总结
  18. 2018.11.06 NOIP训练 简单的计数问题(计数dp)
  19. RecyclerView常见问题解决方案,RecyclerView嵌套自动滚动,RecyclerView 高度设置wrap_content 无作用等问题
  20. Aria2 Axel wget curl 四个下载命令

热门文章

  1. 修改SQL SERVER表,并添加说明
  2. Tomcat常见问题汇总
  3. event事件对象
  4. Cocoa Touch事件处理流程--响应者链
  5. http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp1/index.html
  6. 调用CachedRowSetImpl类时出现错误
  7. 使用Python写Windows Service服务程序
  8. openfire xmpp 登录参数解析
  9. Oracle的DML语言必备基础知识
  10. 在centos6.7用yum安装redis解决办法