javascript - JavaScript を使用したマルチタブ イベント共有

Question

私のシナリオは次のとおりです。同じ Web アプリケーションの複数のコピーが、同じブラウザーの複数のタブで開かれています。タブの 1 つに移動します。ページにあるボタンをクリックし、そのボタンをクリックすると、ウィンドウにフォーカスイベントが登録されます。

$('#btn').click(function(event){
if (/*@cc_on!@*/false) {
  document.addEventListener("focusin", onFocus,false);
} else {
  window.addEventListener("focus", onFocus,false);
}

function onFocus(){$
  //Reload Page if logged out$
  window.location.reload();$
};$

他のタブやページに切り替えると、ページがリロードされることが予想されます。

問題は、他のページがリロードされないことです。

Answer 1

ページの読み込み時にリスナーを追加すると、機能します。

$(document).ready(function(){
  if (/*@cc_on!@*/false) { // check for Internet Explorer
    document.addEventListener("focusin", onFocus,false);
  } else {
    window.addEventListener("focus", onFocus,false);
  }
  return true;
});