javascript - エスケープを押したとき、またはユーザーがページ上の別の場所をクリックした場合に、GreyBoxを閉じるにはどうすればよいですか？

Question

同じウィンドウで新しいHTMLページを開くためにGreyBoxを使用しています。正常に動作していますが、Escキーを押したとき、またはユーザーがページ上の別の場所をクリックしたときに閉じられるようにしたいと思います。どうやってやるの？

編集： - -

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

私はこれを使用しましたが、Mozillaでは正常に動作しますが、サファリやクロームでは動作しません。

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

Perhaps this helps you?

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

Answer 3

jquery を使用すると、次のように実行できます。私にとってはうまくいきます

エスケープボタンのクリック時

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

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

外の窓をクリックすると

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


             parent.GB_hide();

    });