親のiframe（body）にクリックイベントが追加されていないiframe（body）

Question

Webページの非アクティブを検出する必要があり、ユーザーが15分以上アクティブでない場合、ユーザーはログアウトする必要がありますこの目的は、クリック/キー押下イベントをページ全体に、またメインのiframeに添付して、ユーザーの非アクティブを検出しようとしています。

ここでの問題は、メインページ（メインiframe）ではkeypress/clickイベントを検出できますが、showDialoge（別のiframe）がある場合は、このイベントを検出できません。このイベントはメインのiframeの本体とウェブページ全体に追加されていますが、どういうわけか私は同じものを検出できません。助けてください。

私はOpenText CordysフレームワークXFORMs/JavaScriptを使用しています。

jqueryは現在のところ使用できませんが、必要に応じて使用することができます。

Answer 1

私があなたの問題を理解している場合、それはイベントの伝播と関係しています。私はiframeにあまり慣れていませんが、私は認めます。この他の記事を参照してください。 What is event bubbling and capturing?

ご質問とは別に、セッションでこれを管理するのが理想的です。 15分後にセッションを終了します。ユーザーが承認されていない場合、ログインしていない場合は、メインページに送信します。

Answer 2

あなたのファイルが同じサーバー上にある場合、あなたは

parent.html

<script> 
window.whichKey = function(keycode) { 
    console.log("I'm called from child frame, you pressed " + keycode); 
} 
</script> 

のchild.html

<script> 
window.onkeypress = function(event) { 
    window.parent.window.whichKey(event.keyCode); 
} 
</script> 

他の可能な解決策のような子はiframeから親ウィンドウの関数を呼び出すことができますあなたのケースでは、子供のiframeから親のurlに変数を渡しています。たとえばwindow.top.location.href = "parent.html?inactive=true";とし、親ウィンドウでこの変数をチェックして必要な処理を実行できます。

これは、あなたがjQuery

$("#child-frame").bind("load", function(){ 
    $(this).contents().find("body").on('keypress', function(e) { 
     console.log(e.keyCode); 
    }); 
});