jquery - iframeにフォーカスがあるときにEscキーを押しても、シックボックスが閉じない

Question

iframeにフォーカスを合わせ、escキーを押してウィンドウを閉じようとしても、何も起こりません。フォーカスされたiframeがこのイベントにサブスクライブされていないためだと思います。シックボックスに含まれている各ページを手動で編集せずに、このイベントをiframeに添付する方法を知っている人はいますか？

Answer 1

このソリューションは、クライアントベースが使用している唯一のブラウザーであるInternet Explorerで機能しますが、少なくともFirefoxで機能するソリューションをお勧めします。

$("#TB_iframeContent").ready(function(){
    setTimeout(function(){
        $('#TB_iframeContent').contents().find('body').keyup(function(e){
            if(e.keyCode == 27){
                tb_remove();
            }
        });
    }, 50);
  });

これを元のthickboxソースの245行目に追加します。

Answer 2

iframeでFlashを実行していますか？キーボードのフォーカスを盗んでいる可能性があります。

Answer 3

セキュリティ上の理由から機能しません。iframe内で発生するイベントは、含まれているドキュメントにバブルアウトすることはできません。

Answer 4

この問題は、thickbox.jsファイルの245行目を置き換えることで解決できます。

交換したばかり：

if(!params['modal']){

と

if(params['modal'] != "true"){ 

Answer 5

これをコードに追加するだけです

$('#TB_iframeContent').ready(function(){

    setTimeout(function(){
        $(window).keyup(function(e){
                  if(e.keyCode == 27){
                    $('#TB_closeWindowButton').click();
          }
            }); 
        }, 50);

});