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 相关文章推荐
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
Aug 28 Javascript
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
Nov 24 Javascript
javascript 利用Image对象实现的埋点(某处的点击数)统计
Dec 28 Javascript
JavaScript微信定位功能实现方法
Nov 29 Javascript
php 修改密码实现代码
May 24 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
Jul 19 Javascript
微信小程序使用image组件显示图片的方法【附源码下载】
Dec 08 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
Dec 26 Javascript
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
Apr 13 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
Nov 13 Javascript
jQuery实现简易聊天框
Feb 08 jQuery
动态加载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
获取用户Ip地址通用方法与常见安全隐患(HTTP_X_FORWARDED_FOR)
2013/06/01 PHP
php实现Linux服务器木马排查及加固功能
2014/12/29 PHP
用javascript自动显示最后更新时间
2007/03/15 Javascript
Js中setTimeout()和setInterval() 何时被调用执行的用法
2013/04/12 Javascript
jQuery实现简单的日期输入格式化控件
2015/03/12 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
2015/04/27 Javascript
jQuery里filter()函数与find()函数用法分析
2015/06/24 Javascript
纯JavaScript实现的分页插件实例
2015/07/14 Javascript
前端jquery部分很精彩
2016/05/03 Javascript
nodejs连接mysql数据库简单封装示例-mysql模块
2017/04/10 NodeJs
ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
2017/05/24 Javascript
NodeJS使用七牛云存储上传文件的方法
2017/07/24 NodeJs
JavaScript实现精美个性导航栏筋斗云效果
2017/10/29 Javascript
微信小程序之圆形进度条实现思路
2018/02/22 Javascript
[01:16:01]VGJ.S vs Mski Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
利用打码兔和超人打码自封装的打码类分享
2014/03/16 Python
浅析Python中的序列化存储的方法
2015/04/28 Python
Python实现各种排序算法的代码示例总结
2015/12/11 Python
django批量导入xml数据
2016/10/16 Python
利用Celery实现Django博客PV统计功能详解
2017/05/08 Python
Python把csv数据写入list和字典类型的变量脚本方法
2018/06/15 Python
对Python 3.2 迭代器的next函数实例讲解
2018/10/18 Python
python selenium登录豆瓣网过程解析
2019/08/10 Python
numpy.transpose()实现数组的转置例子
2019/12/02 Python
python输出数学符号实例
2020/05/11 Python
LN-CC英国:伦敦时尚生活的缩影
2019/09/01 全球购物
马来西亚排名第一的宠物用品店:Pets Wonderland
2020/04/16 全球购物
新加坡最早生产电动滑板车的制造商之一:FunsToTheFore
2020/09/08 全球购物
创伤外科专业推荐信范文
2013/11/19 职场文书
数据员岗位职责
2013/11/19 职场文书
经济信息系毕业生自荐信
2014/06/02 职场文书
2015元旦晚会主持词(开场白+结束语)
2014/12/14 职场文书
创业计划书之闲置物品置换中心
2019/12/25 职场文书
Python基础学习之奇异的GUI对话框
2021/05/27 Python
Spring Data JPA的Audit功能审计数据库的变更
2021/06/26 Java/Android
Python多线程 Queue 模块常见用法
2021/07/04 Python