jQuery.winFocus

This cross-browser solution will better help you make callbacks whenever a Browser Window (Current Tab) loses or gains focus. It also seeks to tackle such issues as: duplicate calls, delaying trigger on page load, and Browser Window losing focus due to selection of another App (such as opening Calculator).

---

#Example Uses

Most Basic Use:

//	isVisible param in callback is TRUE or FALSE based on whether the Browser Window(Current Tab) has focus
$.winFocus(function(event, isVisible) {
	console.log("Combo\t\t", isVisible);
});

Delay Start:

//	passing `false` through will cause the callback to wait until first `blur`
$.winFocus(function(event, isVisible) {
	console.log("Combo\t\t", isVisible);
}, false);

Using 2 Callbacks

When using 2 callbacks, the first becomes lost focus, whereas the second becomes gained focus

$.winFocus(function(event) {
	console.log("Blur\t\t", event);
},
function(event) {
	console.log("Focus\t\t", event);
});

Object Callbacks:

Callbacks blur, focus, and blurFocus can be passed in an object. All 3 can be passed at once, if you desire such, but blurFocus is the only one with a isVisible parameter.

$.winFocus({
	//	will only fire when current tab loses focus
	blur: function(event) {
		console.log("Blur");
	},
	//	will only fire when current tab gains focus
	focus: function(event) {
		console.log("Focus");
	},
	//	will fire whenever current tab's focus changes
	blurFocus: function(event, isVisible) {
		console.log("Combo\t\t", isVisible);
	}
});