Javascript событие, когда страница отображается?

Question

У меня есть веб-страница с некоторыми div и контентом (сетка Kendo UI внутри Kendo Splitter), которые получают размер автоматически, чтобы соответствовать доступному пространству, когда страница готова или изменена. Это происходит с помощью обычных обработчиков Javascript + JQuery и работает плавно.

Но когда панель открыта, как Firebug, происходит следующее:

Если я освежить и перейти на вкладку другого браузера до загрузки страницы, то я вернусь к моей странице, я вижу, что один из divs (grid-one) он больше, чем его контейнер, поэтому он переполняется несколькими пикселями. Кстати, это происходит через несколько мгновений после того, как страница была отображена, поэтому нельзя использовать триггер visibilitychange.

То же самое происходит в IE, просто открывая внутристраничный отладчик.

Я не думаю, что виджеты KendoUI связаны с этой проблемой, но я сообщаю об этом ради полноты.

Так что я подумал, что лучший способ исправить это - это воспользоваться некоторыми событиями, которые запускаются, когда документ отображается пользователем. Существительное?

Answer 1

Вы можете слушать focus и blur событий на window как это:

$(window).on('focus', function() { 
    //(...) 
}); 

blur событие вызывается при переходе на другую вкладку или в другое окно, чем окно браузера. focus Событие делает наоборот.
Я мог бы добавить здесь jsfiddle, но он использует iframes, чтобы он не мог быть правильно протестирован.