一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法

时间:2022-06-25 17:21:25 编辑:袖梨 来源:一聚教程网

背景:想通过Esc键关闭展示中的Dialog对话框,发现有些对话框可以,有些会失效。

原因分析:

1、对话框上可以输入内容的标签元素可以,反之不行。

2、如果鼠标点击对话框后,也可以Esc键关闭。

可以看出对话框上是需要聚焦就可以了。

解决方案:

方案一:

 

 代码如下复制代码

focus:function(){

  $("#id").focus();

}

 

方案二:

延迟聚焦 

 

 代码如下复制代码

setTimeout(function() {

  $("#id").focus();

}, 500);

 

热门栏目