Функция изменения размера окна Javascript, которая срабатывает только при изменении ширины или высоты, а не обоих? ⇐ Jquery
Функция изменения размера окна Javascript, которая срабатывает только при изменении ширины или высоты, а не обоих?
Я хотел бы написать функцию Javascript, которая срабатывает только при изменении размера окна, а не при изменении размера окна (или наоборот).
Я знаю, что функция $(window).on('resize') существует в jQuery. Но он срабатывает при изменении размера ширины или высоты окна; насколько мне известно, он не может изолировать изменения в том или ином измерении.
Я придумал хитрое решение, которое сохраняет предыдущую ширину окна в качестве переменной, затем постоянно обновляет ее при вызове функции изменения размера и сравнивает новое значение со старым. Однако это решение кажется излишне ресурсоемким для такой простой операции.
Есть ли более простой/менее ресурсоемкий способ обнаружения изменений в одном измерении окна?
// Создаём переменную для хранения ширины окна вар windowWidth = $(window).width(); // Когда размер окна изменяется... $(окно).on('изменить размер', функция(){ // Если ширина окна изменилась... if(windowWidth != $(window).width()) { // Сохраняем новую ширину окна в переменной и запускаем мою функцию windowWidth = $(окно).ширина(); выполнитьMyDesiredCode(); } });
Я хотел бы написать функцию Javascript, которая срабатывает только при изменении размера окна, а не при изменении размера окна (или наоборот).
Я знаю, что функция $(window).on('resize') существует в jQuery. Но он срабатывает при изменении размера ширины или высоты окна; насколько мне известно, он не может изолировать изменения в том или ином измерении.
Я придумал хитрое решение, которое сохраняет предыдущую ширину окна в качестве переменной, затем постоянно обновляет ее при вызове функции изменения размера и сравнивает новое значение со старым. Однако это решение кажется излишне ресурсоемким для такой простой операции.
Есть ли более простой/менее ресурсоемкий способ обнаружения изменений в одном измерении окна?
// Создаём переменную для хранения ширины окна вар windowWidth = $(window).width(); // Когда размер окна изменяется... $(окно).on('изменить размер', функция(){ // Если ширина окна изменилась... if(windowWidth != $(window).width()) { // Сохраняем новую ширину окна в переменной и запускаем мою функцию windowWidth = $(окно).ширина(); выполнитьMyDesiredCode(); } });
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение