web関連

【javascript】別タブ(別ウィンドウ)、ポップアップウィンドウが開いたことを検知する方法

別タブ(別ウィンドウ)やポップアップウィンドウを開いてブラウザからフォーカスが離れた時や、再度ブラウザを開いたことを検知する機能を作ろうとした時の備忘録

検知する方法

ブラウザから離れた事を検知…blur
ブラウザに戻ってきた事を検知…focus

javascriptで検知する方法

window.onblur = function () {
	console.log('onblur(javascript)');
};
window.onfocus = function () {
	console.log('onfocus(javascript)');
};

jQueryで検知する方法

jQuery(window).on('blur', function() {
   console.log('blur(jquery)');
});

jQuery(window).on('focus', function() {
   console.log('focus(jquery)');
});
これで検知することができる

Leave a Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。