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如何获取当前url中的参数值并复制给input
Jun 23 Javascript
javascript数组操作方法小结和3个属性详细介绍
Jul 05 Javascript
简单的jQuery入门指引
Jul 28 Javascript
Node.js Addons翻译(C/C++扩展)
Jun 12 Javascript
AngularJs  Using $location详解及示例代码
Sep 02 Javascript
Js利用Canvas实现图片压缩功能
Sep 13 Javascript
JS改变页面颜色源码分享
Feb 24 Javascript
JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】
Feb 22 Javascript
[原创]微信小程序获取网络类型的方法示例
Mar 01 Javascript
js+springMVC 提交数组数据到后台的实例
Sep 21 Javascript
javascript 对象 与 prototype 原型用法实例分析
Nov 11 Javascript
解决vue项目 build之后资源文件找不到的问题
Sep 12 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 页面编码声明方法详解(header或meta)
2010/03/12 PHP
解析获取优酷视频真实下载地址的PHP源代码
2013/06/26 PHP
php5.3 注意事项说明
2013/07/01 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
PHP使用标准库spl实现的观察者模式示例
2018/08/04 PHP
Codeigniter里的无刷新上传的实现代码
2019/04/14 PHP
PHP mkdir创建文件夹实现方法解析
2020/11/13 PHP
采用CSS和JS,刚好我最近有个站点要用到下拉菜单!
2006/06/26 Javascript
让div层随鼠标移动的实现代码 ie ff
2009/12/18 Javascript
JS中处理与当前时间间隔的函数代码
2012/05/23 Javascript
jquery对ajax的支持介绍
2013/12/10 Javascript
js数字转换为float,取N位小数
2014/02/08 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
13个PHP函数超实用
2015/10/21 Javascript
js学习之----深入理解闭包
2016/11/21 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
2017/01/01 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
2017/08/23 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
2018/01/30 Javascript
微信小程序提交form操作示例
2018/12/30 Javascript
详解vuex持久化插件解决浏览器刷新数据消失问题
2019/04/15 Javascript
vue 判断元素内容是否超过宽度的方式
2020/07/29 Javascript
谈谈node.js中的模块系统
2020/09/01 Javascript
[02:36]DOTA2英雄基础教程 一击致命幻影刺客
2013/12/06 DOTA
Python中的文件和目录操作实现代码
2011/03/13 Python
详解Python之数据序列化(json、pickle、shelve)
2017/03/30 Python
详解Python中where()函数的用法
2018/03/27 Python
Python3.5装饰器典型案例分析
2019/04/30 Python
利用python画出AUC曲线的实例
2020/02/28 Python
终于搞懂了Keras中multiloss的对应关系介绍
2020/06/22 Python
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
美国踏板车和轻便摩托车销售网站:Mega Motor Madness
2020/02/26 全球购物
哈萨克斯坦移动和数字技术在线商店:SatelOnline.kz
2020/09/04 全球购物
领导班子个人对照检查剖析材料
2014/09/29 职场文书
黄山导游词
2015/01/31 职场文书
2015高三毕业寄语赠言
2015/02/27 职场文书
男方家长婚礼致辞
2015/07/27 职场文书