33 lines
1.4 KiB
JavaScript
33 lines
1.4 KiB
JavaScript
/*! http://mths.be/visibility v1.0.5 by @mathias */
|
||
(function (window, document, $, undefined) {
|
||
|
||
var prefix,
|
||
property,
|
||
// In Opera, `'onfocusin' in document == true`, hence the extra `hasFocus` check to detect IE-like behavior
|
||
eventName = 'onfocusin' in document && 'hasFocus' in document ? 'focusin focusout' : 'focus blur',
|
||
prefixes = ['', 'moz', 'ms', 'o', 'webkit'],
|
||
$support = $.support,
|
||
$event = $.event;
|
||
|
||
while ((property = prefix = prefixes.pop()) != undefined) {
|
||
property = (prefix ? prefix + 'H' : 'h') + 'idden';
|
||
if ($support.pageVisibility = typeof document[property] == 'boolean') {
|
||
eventName = prefix + 'visibilitychange';
|
||
break;
|
||
}
|
||
}
|
||
|
||
$(/blur$/.test(eventName) ? window : document).on(eventName, function (event) {
|
||
var type = event.type,
|
||
originalEvent = event.originalEvent,
|
||
toElement = originalEvent.toElement;
|
||
// If it’s a `{focusin,focusout}` event (IE), `fromElement` and `toElement` should both be `null` or `undefined`;
|
||
// else, the page visibility hasn’t changed, but the user just clicked somewhere in the doc.
|
||
// In IE9, we need to check the `relatedTarget` property instead.
|
||
if (!/^focus./.test(type) || (toElement == undefined && originalEvent.fromElement == undefined && originalEvent.relatedTarget == undefined)) {
|
||
$event.trigger((property && document[property] || /^(?:blur|focusout)$/.test(type) ? 'hide' : 'show') + '.visibility');
|
||
}
|
||
});
|
||
|
||
}(this, document, jQuery));
|