автоматически обнаружьте изменение ширины окна веб-браузера?
я знаю, что с $ (окно) .width () можно получить размер веб-браузера.
я хочу обнаружить, когда пользователь изменяет размер своего веб-браузера, таким образом, я мог приспособить ширину столбцов. существует ли способ автоматически обнаружить это, или я должен использовать setTimeinterval, чтобы циклично выполниться и видеть, изменился ли он?
3 ответа
Попробуйте использовать событие resize
$(window).resize(function() {
console.log('window was resized');
});
что-то, что нужно иметь в виду, например, в IE, по крайней мере, изменение изменений событий пузыря и позиционируемые элементы, а тело документа могут пожарить независимо от изменений событий.
Кроме того, т.е. стреляет непрерывный поток событий «изменение изменений», когда окно или элемент изменяются путем перетаскивания. Другие браузеры ждут уход мышью.
Т.е. является достаточно большой игрок, что полезно иметь промежуточный обработчик, который поля изменяет изменение событий, даже если вы ведете только IE клиентов.
Обработчик IE устанавливает короткое время ожидания (100-200 мсек) перед вызовом обработчика «Real» изменений. Если одна и та же функция снова вызывается перед Time out, это либо событие Bubblng, либо окно перетаскивается на новый размер, так что очистите тайм-аут и снова установите его.
Событие JavaScript называется window.onresize .
Привязка JQuery имеет имя .resize()