javascript - 如何在按下转义键或用户单击页面上的其他位置时关闭 GreyBox？

Question

我正在使用GreyBox在同一窗口中打开一个新的 HTML 页面。它工作正常，但现在我希望它应该在按下转义键或用户单击页面上的其他位置时关闭。我怎样才能做到这一点？

编辑： - -

document.onkeypress = function (event) {
  if (event == undefined) { event = window.event; }
if (event.keyCode == 27) {
  AJS.AEV(document,"keypress",GB_hide);
  }
 }

我用过这个，它在 mozilla 上运行良好，但在 safari 或 chrome 上运行良好......知道为什么会这样吗？

Answer 1

这成功了。

document.onkeypress = function noNumbers2(e){
    e = e || window.event;
    var keynum = e.keyCode || e.which;
    if(keynum == 27){
  AJS.AEV(document,"keypress",GB_hide);
  }
}

Answer 2

也许这对你有帮助？

window.document.onkeydown = function(evt) {
    if (evt.keyCode == 27) {
        if (alert.open) {
            alert.close();
        }
    }
}

Answer 3

而不是使用谷歌给你想要重定向的页面网址

OnClientClick="top.window.location.href='http://localhost/yourpagename.aspx'; parent.parent.GB_hide();"

是在按钮单击时关闭和重定向 jquery 灰色框的代码。

Answer 4

使用 jquery 你可以这样做。它对我来说很好用

单击“退出”按钮

$(document).keyup(function(e) {

            if (e.keyCode == 27) { parent.GB_hide(); }   // esc
 });

点击外部窗口

 $(document).on('click','#GB_overlay', function(e) {


             parent.GB_hide();

    });