JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法


Posted in Javascript onJanuary 18, 2017

背景:想通过Esc键关闭展示中的Dialog对话框,发现有些对话框可以,有些会失效。

原因分析:

1、对话框上可以输入内容的标签元素可以,反之不行。

2、如果鼠标点击对话框后,也可以Esc键关闭。

可以看出对话框上是需要聚焦就可以了。

解决方案:

方案一:

focus:function(){
$("#id").focus();
}

方案二:

延迟聚焦 

setTimeout(function() {
$("#id").focus();
}, 500);

以上所述是小编给大家介绍的JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
一个js过滤空格的小函数
Oct 10 Javascript
jQuery中size()方法用法实例
Dec 27 Javascript
javascript中的altKey 和 Event属性大全
Nov 06 Javascript
学习掌握JavaScript中this的使用技巧
Aug 29 Javascript
详解JS构造函数中this和return
Sep 16 Javascript
前端把html表格生成为excel表格的实例
Sep 19 Javascript
JavaScript实现职责链模式概述
Jan 25 Javascript
Vue 页面跳转不用router-link的实现代码
Apr 12 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
Sep 03 Javascript
对Vue.js之事件的绑定(v-on: 或者 @ )详解
Sep 15 Javascript
JS解惑之Object中的key是有序的么
May 06 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
Jul 16 Javascript
动态加载css方法实现和深入解析
Jan 18 #Javascript
用jQuery实现可输入多选下拉组合框实例代码
Jan 18 #Javascript
JS实现旋转木马式图片轮播效果
Jan 18 #Javascript
微信小程序实现图片预加载组件
Jan 18 #Javascript
JavaScript原生节点操作小结
Jan 17 #Javascript
Javascript 两种刷新方法以及区别和适用范围
Jan 17 #Javascript
easyUI combobox实现联动效果
Jan 17 #Javascript
You might like
深入php define()函数以及defined()函数的用法详解
2013/06/05 PHP
PHP实现通过Luhn算法校验信用卡卡号是否有效
2015/03/23 PHP
thinkphp中AJAX返回ajaxReturn()方法分析
2016/12/06 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
使用SMB共享来绕过php远程文件包含的限制执行RFI的利用
2019/05/31 PHP
jQuery 关于伪类选择符的使用说明
2013/04/24 Javascript
jquery实现图片切换代码
2016/10/13 Javascript
BootstrapValidator超详细教程(推荐)
2016/12/07 Javascript
想学习javascript JS和jQuery哪个重要 先学哪个
2016/12/11 Javascript
一篇文章搞定JavaScript类型转换(面试常见)
2017/01/21 Javascript
javascript滚轮事件基础实例讲解(37)
2017/02/14 Javascript
日期时间范围选择插件:daterangepicker使用总结(必看篇)
2017/09/14 Javascript
vue.js,ajax渲染页面的实例
2018/02/11 Javascript
结合Vue控制字符和字节的显示个数的示例
2018/05/17 Javascript
vue学习笔记之作用域插槽实例分析
2020/02/01 Javascript
关于vue-cli3打包代码后白屏的解决方案
2020/09/02 Javascript
python的三目运算符和not in运算符使用示例
2014/03/03 Python
深入理解Python单元测试unittest的使用示例
2017/11/18 Python
selenium+python实现自动登录脚本
2018/04/22 Python
Python全排列操作实例分析
2018/07/24 Python
Python 3.3实现计算两个日期间隔秒数/天数的方法示例
2019/01/07 Python
python学生管理系统开发
2019/01/30 Python
基于Django的乐观锁与悲观锁解决订单并发问题详解
2019/07/31 Python
python3实现微型的web服务器
2019/09/03 Python
Python如何省略括号方法详解
2020/03/21 Python
Django models文件模型变更错误解决
2020/05/11 Python
CSS3制作3D立方体loading特效
2020/11/09 HTML / CSS
借助HTML5 Canvas来绘制三角形和矩形等多边形的方法
2016/03/14 HTML / CSS
html5 sessionStorage会话存储_动力节点Java学院整理
2017/07/06 HTML / CSS
简述进程的启动、终止的方式以及如何进行进程的查看
2014/02/20 面试题
汽车维修与检测专业应届生求职信
2013/11/12 职场文书
寻找最美家庭活动方案
2014/08/20 职场文书
股东授权委托书范文
2014/09/13 职场文书
宪法宣传标语100条
2019/10/15 职场文书
秀!学妹看见都惊呆的Python小招数!【详细语言特性使用技巧】
2021/04/27 Python
基于Android10渲染Surface的创建过程
2022/08/14 Java/Android