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

作者：袖梨 2022-06-25

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

原因分析：

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

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

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

解决方案：

方案一：

代码如下

复制代码

focus：function(){

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

}

方案二：

延迟聚焦

代码如下

复制代码

setTimeout(function() {

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

}, 500);

相关文章

精彩推荐