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 相关文章推荐
对JavaScript的eval()中使用函数的进一步讨论
Jul 26 Javascript
javascript break指定标签打破多层循环示例
Jan 20 Javascript
JavaScript Function函数类型介绍
Apr 08 Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 Javascript
深入浅析JavaScript函数前面的加号和叹号
Jul 09 Javascript
AngularJs Understanding the Controller Component
Sep 02 Javascript
微信小程序 Page()函数详解
Oct 17 Javascript
Vue.js实现一个漂亮、灵活、可复用的提示组件示例
Mar 17 Javascript
JS简单实现数组去重的方法示例
Mar 27 Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
解决VUE双向绑定失效的问题
Oct 29 Javascript
Vue文本模糊匹配功能如何实现
Jul 30 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
ThinkPHP中实例Model方法的区别说明
2010/08/21 PHP
php定时删除文件夹下文件(清理缓存文件)
2013/01/23 PHP
PHP生成不同颜色、不同大小的tag标签函数
2013/09/23 PHP
PHP简单日历实现方法
2016/07/20 PHP
PHP设计模式之装饰器模式定义与用法简单示例
2018/08/13 PHP
js jquery验证银行卡号信息正则学习
2013/01/21 Javascript
JavaScript 处理Iframe自适应高度(同或不同域名下)
2013/03/29 Javascript
js对象内部访问this修饰的成员函数示例
2014/04/27 Javascript
Firefox中使用outerHTML的2种解决方法
2014/06/07 Javascript
nodejs中实现sleep功能实例
2015/03/24 NodeJs
jQuery实现的AJAX简单弹出层效果代码
2015/11/26 Javascript
Javascript页面跳转常见实现方式汇总
2015/11/28 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
2016/04/17 Javascript
JavaScript代码性能优化总结篇
2016/05/15 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
2017/06/22 jQuery
webpack进阶——缓存与独立打包的用法
2017/08/02 Javascript
详解NODEJS的http实现
2018/01/04 NodeJs
js限制input只能输入有效的数字(第一个不能是小数点)
2018/09/28 Javascript
javascript数组去重方法总结(推荐)
2019/03/20 Javascript
vue项目中引入Sass实例方法
2019/08/27 Javascript
python实现从web抓取文档的方法
2014/09/26 Python
python使用mailbox打印电子邮件的方法
2015/04/30 Python
Python二分法搜索算法实例分析
2015/05/11 Python
Python中zfill()方法的使用教程
2015/05/20 Python
用python做游戏的细节详解
2019/06/25 Python
python matplotlib库绘制散点图例题解析
2019/08/10 Python
django实现后台显示媒体文件
2020/04/07 Python
Windows下Sqlmap环境安装教程详解
2020/08/04 Python
css3 transform导致子元素固定定位变成绝对定位的方法
2020/03/06 HTML / CSS
html5文字阴影效果text-shadow使用示例
2013/07/25 HTML / CSS
美国知名户外用品畅销中心:Sierra Trading Post
2016/07/19 全球购物
美国南加州的原创极限运动潮牌:Vans(范斯)
2016/08/05 全球购物
收银员岗位职责
2014/02/07 职场文书
就业协议书盖章的注意事项
2014/09/28 职场文书
Java面试题冲刺第十六天--消息队列
2021/08/07 面试题
Nginx性能优化之Gzip压缩设置详解(最大程度提高页面打开速度)
2022/02/12 Servers