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

Question

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

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

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

Answer 1

您必须使用 If 语句来检查所有输入是否都没有焦点：

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

In < a href="http://jsfiddle.net/vEB73/" rel="nofollow">我的示例 我使用 Enter 键来检查焦点。

希望这有帮助。

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;