在文档上使用 jQuery 捕获 Esc 键，但不是内容

Question

想象一个 HTML 表单并加载了 jQuery 库。我希望这样，如果某人当前没有专注于表单字段，并且他们单击 Esc 键，则会弹出一个对话框询问他们是否要关闭表单窗口（因为表单窗口作为新选项卡打开） .

如果我尝试在 $(document) 上捕获它，我遇到的问题是事件冒泡，字段拾取它，因此在字段中按下 Esc 键会导致事件触发。

当没有字段具有焦点时，我如何有效地（关键字）防止事件冒泡并在按下 Esc 时捕获？

Answer 1

您必须使用 If 语句来检查没有任何输入具有焦点：

if ($('input').is(":focus")){ ... }

在my example 中，我使用回车键检查焦点。

希望这会有所帮助。

Answer 2

试试这个：

    var cancelClose=false; // This is a global variable

    $(document).ready(function(){
        $('input, textarea,select').each(
                function(){
                    $(this).focus(
                            function(){
                                cancelClose=true;
                            }
                        );
                    $(this).blur(
                            function(){
                                cancelClose=false;
                            }
                        );
                }
        );
    });

然后，在文档按键事件中

说：

  if (cancelClose)
         return false;