Я хотел бы написать функцию Javascript, которая срабатывает только при изменении размера окна, а не при изменении размера окна (или наоборот).
Я знаю, что функция $(window).on('resize') существует в jQuery. Но он срабатывает при изменении размера ширины или высоты окна; насколько мне известно, он не может изолировать изменения в том или ином измерении.
Я придумал хакерское решение, которое сохраняет предыдущую ширину окна как переменную, а затем постоянно обновляет его при вызове функции изменения размера и сравнивает новое значение со старым. Однако это решение кажется излишне ресурсоемким для такой простой операции.
Есть ли более простой/менее ресурсоемкий способ обнаружения изменений в одном измерении окна? // Create a variable to store the width of the window
var windowWidth = $(window).width();
// When the window is resized...
$(window).on('resize', function(){
// If the window width has changed...
if(windowWidth != $(window).width()) {
// Store new window width in the variable and run my function
windowWidth = $(window).width();
executeMyDesiredCode();
}
});
Подробнее здесь: https://stackoverflow.com/questions/698 ... ght-change
Функция изменения размера окна Javascript, которая срабатывает только при изменении ширины или высоты, а не обоих? ⇐ Jquery
Программирование на jquery
1716646270
Anonymous
Я хотел бы написать функцию Javascript, которая срабатывает только при изменении размера окна, а не при изменении размера окна (или наоборот).
Я знаю, что функция $(window).on('resize') существует в jQuery. Но он срабатывает при изменении размера ширины или высоты окна; насколько мне известно, он не может изолировать изменения в том или ином измерении.
Я придумал хакерское решение, которое сохраняет предыдущую ширину окна как переменную, а затем постоянно обновляет его при вызове функции изменения размера и сравнивает новое значение со старым. Однако это решение кажется излишне ресурсоемким для такой простой операции.
Есть ли более простой/менее ресурсоемкий способ обнаружения изменений в одном измерении окна? // Create a variable to store the width of the window
var windowWidth = $(window).width();
// When the window is resized...
$(window).on('resize', function(){
// If the window width has changed...
if(windowWidth != $(window).width()) {
// Store new window width in the variable and run my function
windowWidth = $(window).width();
executeMyDesiredCode();
}
});
Подробнее здесь: [url]https://stackoverflow.com/questions/69816037/javascript-window-resize-function-that-triggers-only-on-width-or-height-change[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия