欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-12 23:41:50
背景:想通过esc键关闭展示中的dialog对话框,发现有些对话框可以,有些会失效。 原因分析: 1、对话框上可以输入内容的标签元素可以,反之不行。 2、如果鼠标点击...

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

原因分析:

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

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

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

解决方案:

方案一:

focus:function(){
  $("#id").focus();
}

方案二:

延迟聚焦 

settimeout(function() {
  $("#id").focus();
}, 500);

以上所述是小编给大家介绍的jquery dialog对话框 不能通过esc关闭的原因分析及解决办法,希望对大家有所帮助