ユーザ用ツール

サイト用ツール


サイドバー

プログラム言語:javascript_jquery:複数タブでのログインチェック

複数タブでのログインチェック

ブラウザの別タブで、ログイン中のユーザが切り替わったことを探知し、警告を表示する方法について。
ログイン時に、ユーザIDなどを以下のようにローカルストレージに保存する。

<script>
localStorage.setItem('id', 'XXXXX');
</script>

ストレージに変更があればアラートを表示し、リロードなどの何らかの処理を行う。

window.addEventListener('storage', function(e) {
  if (e.key != 'id') {
    return;
  }
  alert('ログイン処理が行われました。操作をやり直してください。');
  location.reload(true);
});

コメント

コメントを入力. Wiki文法が有効です:
 
プログラム言語/javascript_jquery/複数タブでのログインチェック.txt · 最終更新: 2018/11/13 18:05 by yusuke_komori