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 相关文章推荐
jquery 问答知识整理
Feb 11 Javascript
基于jQuery实现的当离开页面时出现提示的实现代码
Jun 27 Javascript
javascript中怎么做对象的类型判断
Nov 11 Javascript
jquery动态分页效果堪比时光网
Sep 25 Javascript
详细解读JavaScript编程中的Promise使用
Jul 27 Javascript
基于JS实现PHP的sprintf函数实例
Nov 14 Javascript
轻松理解JavaScript之AJAX
Mar 15 Javascript
Axios学习笔记之使用方法教程
Jul 21 Javascript
JS中图片压缩的方法小结
Nov 14 Javascript
微信小程序实现折叠面板
Jan 31 Javascript
JS实现的input选择图片本地预览功能示例
Aug 29 Javascript
详解CommonJS和ES6模块循环加载处理的区别
Dec 26 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 模拟POST|GET操作实现代码
2010/07/20 PHP
php数组函数序列之array_unshift() 在数组开头插入一个或多个元素
2011/11/07 PHP
PHP 多维数组的排序问题 根据二维数组中某个项排序
2011/11/09 PHP
php flush无效,IIS7下php实时输出的方法
2016/08/25 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
PHP实现实时生成并下载超大数据量的EXCEL文件详解
2017/10/23 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
function foo的原型与prototype属性解惑
2010/11/19 Javascript
html中的input标签的checked属性jquery判断代码
2012/09/19 Javascript
js如何判断用户是否是用微信浏览器
2014/06/05 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
2014/08/16 Javascript
分享一个常用的javascript静态类
2014/12/31 Javascript
javascript查询字符串参数的方法
2015/01/28 Javascript
jQuery垂直多级导航菜单代码分享
2015/08/18 Javascript
TypeScript Type Innference(类型判断)
2016/03/10 Javascript
深入理解Javascript中的自执行匿名函数
2016/06/03 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
2016/12/18 Javascript
jQuery中$原理实例分析
2018/08/13 jQuery
layui的table中显示图片方法
2018/08/17 Javascript
VeeValidate 的使用场景以及配置详解
2019/01/11 Javascript
微信小程序picker组件关于objectArray数据类型的绑定方法
2019/03/13 Javascript
[52:41]OG vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/20 DOTA
Python面向对象之类的定义与继承用法示例
2019/01/14 Python
对DataFrame数据中的重复行,利用groupby累加合并的方法详解
2019/01/30 Python
H5 canvas中width、height和style的宽高区别详解
2018/11/02 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(一)
2013/01/21 HTML / CSS
Sunglasses Shop德国站:欧洲排名第一的太阳镜网站
2017/08/01 全球购物
adidas菲律宾官网:adidas PH
2020/02/07 全球购物
什么是View State?
2013/01/27 面试题
仓库理货员岗位职责
2013/12/18 职场文书
学校办公室主任职责
2013/12/27 职场文书
党员民主生活会个人整改措施材料
2014/09/16 职场文书
Python中tkinter的用户登录管理的实现
2021/04/22 Python
sql查询结果列拼接成逗号分隔的字符串方法
2021/05/25 SQL Server
为什么MySQL 删除表数据 磁盘空间还一直被占用
2021/10/16 MySQL
PostgreSQL之连接失败的问题及解决
2023/05/08 PostgreSQL