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变形金刚文字特效代码分享
Aug 20 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
Jun 25 Javascript
AngularJS 表达式详细讲解及实例代码
Jul 26 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
Aug 21 Javascript
BootStrap导航栏问题记录
Jul 31 Javascript
详解react-native-fs插件的使用以及遇到的坑
Sep 12 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
Mar 14 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
Jul 28 Javascript
JavaScript的级联函数用法简单示例【链式调用】
Mar 26 Javascript
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
Apr 02 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
Oct 26 Javascript
vue实现两个区域滚动条同步滚动
Dec 13 Vue.js
动态加载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
深入phpMyAdmin的安装与配置的详细步骤
2013/05/07 PHP
php微信公众平台开发之获取用户基本信息
2015/08/17 PHP
使用PHP生成图片的缩略图的方法
2015/08/18 PHP
详解php设置session(过期、失效、有效期)
2015/11/12 PHP
PHP耦合设计模式实例分析
2018/08/08 PHP
JavaScript 撑出页面文字换行
2009/06/15 Javascript
[原创]js获取数组任意个不重复的随机数组元素
2010/03/15 Javascript
JQuery跨Iframe选择实现代码
2010/08/19 Javascript
推荐11款jQuery开发的复选框和单选框美化插件
2011/08/02 Javascript
JavaScript中对象介绍
2014/12/31 Javascript
jQuery子属性过滤选择器用法分析
2015/02/10 Javascript
js实现touch移动触屏滑动事件
2015/04/17 Javascript
AngularJS基础 ng-keydown 指令简单示例
2016/08/02 Javascript
Js遍历键值对形式对象或Map形式的方法
2016/08/08 Javascript
解析ajaxFileUpload 异步上传文件简单使用
2016/12/30 Javascript
JavaScript基本类型值-Undefined、Null、Boolean
2017/02/23 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
2018/09/14 Javascript
Vue.js实现的购物车功能详解
2019/01/27 Javascript
javascript设计模式 ? 观察者模式原理与用法实例分析
2020/04/22 Javascript
基于JQuery实现页面定时弹出广告
2020/05/08 jQuery
JavaScript如何使用插值实现图像渐变
2020/06/28 Javascript
vue实现路由懒加载的3种方法示例
2020/09/01 Javascript
python中使用print输出中文的方法
2018/07/16 Python
DES加密解密算法之python实现版(图文并茂)
2018/12/06 Python
Python模块汇总(常用第三方库)
2019/10/07 Python
浅析关于Keras的安装(pycharm)和初步理解
2020/10/23 Python
兰蔻美国官网:Lancome美国
2017/04/25 全球购物
应征英语教师求职信
2013/11/27 职场文书
星级党支部申报材料
2014/05/31 职场文书
十佳青年事迹材料
2014/08/21 职场文书
追悼会答谢词
2015/01/05 职场文书
2015年信息化建设工作总结
2015/07/23 职场文书
mysql 8.0.24 安装配置方法图文教程
2021/05/12 MySQL
Golang的继承模拟实例
2021/06/30 Golang
分享提高 Python 代码的可读性的技巧
2022/03/03 Python
SpringCloud超详细讲解Feign声明式服务调用
2022/06/21 Java/Android