169 похожих чатов

Всем привет, подскажите , пожалуйста, как задать условие для выполнения

определённой функции если ширина экрана = ... px? Пример(который не работает, не знаю как сравнить данные):

15 ответов

7 просмотров

window.innerWidth

вам нужно, чтобы оно срабатывало при изменении ширины экрана или разово при запуске?

Sad-Darkness Автор вопроса
Пользователь 61013
window.innerWidth

не понял, можно поподробнее? Мне нужно что бы допустим при ширине экрана 850 px или меньше выполнялась функция

Sad Darkness
при изменении

https://developer.mozilla.org/ru/docs/Web/API/Window/resize_event пойдёт?

Sad Darkness
не понял, можно поподробнее? Мне нужно что бы допу...

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

Sad Darkness
при изменении

window.addEventListener('resize', () => console.log(window.innerWidth)); самый просто пример, вставьте в консоль и поресайзите окно

Sad Darkness
при изменении

window.addEventListener('resize', () => window.matchMedia("(max-width: 850px)").matches && console.log('less than 850')) такой ещё вариант

Sad-Darkness Автор вопроса
i7 4n
window.addEventListener('resize', () => window.mat...

Подскажите , пожалуйста, почему не работает? Недавно начал влезать в js, пока что только верстал.

Sad Darkness
screenshot Подскажите , пожалуйста, почему не работает? Недав...

создайте изначально на событие прослушку, при событии уже делайте проверку и тогда что-либо выполняйте

Sad Darkness
screenshot Подскажите , пожалуйста, почему не работает? Недав...

window.addEventListener('resize', event => { if (window.matchMedia("(max-width: 850px)").matches) { doAwesomeThings(); } })

Sad-Darkness Автор вопроса
i7 4n
window.addEventListener('resize', event => { if ...

в doAwesomeThings я должен записать свой код?

Похожие вопросы

Обсуждают сегодня

Всем привет, написал код ниже, но он выдает сегфолт, в чем причина? #include <stdio.h> #include <stdlib.h> #include <string.h> struct product { char *name; float price; };...
buzz базз
75
База данных не поможет. Шифрование не поможет. Какие там ещё варианты? Накидывайте.
КТ315
20
А табстоп это сообщение от окна или от элемента управления?
The Bird of Hermes
18
А как лучше конвертировать физический адрес в виртуальный при маппинге? В случае ядра у меня, например, direct mapping, первые 768МБ я как есть мапплю в higher half, а остальн...
Evg Resh
26
Открыл свой двухкилобайтный экзешник в x32dbg, а тут какая-то хрень. Смущает кнопка "выполнить до пользовательского кода", а что ещё может быть в файле помимо него ?
НѣкъиⰘижєжєиꙁъвьсєсвѣтьноѣсѣтиѥсть•
11
Мне были интересны дишные хаки и я нашёл любопытный способ на форуме через __traits, что-то вроде int delegate(int) fac = (int n) => n == 0 ? 1 : n * __traits(parent, {})(n - ...
Constantin F.
1
Всем привет, подскажите/посоветуйте пожалуйста. Фаердак компоненты, имею одно место где бизнес хочет видеть при открытии формы список всех клиентов, это порядка 30к. Мои дово...
Sasha Sch
14
Вопрос тем кто смотрит видео и слушает подкасты - как вы потом ищете нужную вам информацию? Вот статью я прочитал, потом могу искать нужную мне часть банальным поиском. Пропус...
Aleksandr Druzhinin
4
Ребят, если кто в курсе - скажите, а в загранке такое же засилье маркетплейсов? или там простые сермяжные интернет-магазины живут попроще?
Андрей [aharito] Харитонов
14
Хотел бы спросить у знающих, правильную ли я выбрал книгу для начала изучения ассемблера Юрова В.И ? Или есть более лучшие книги для начала обучения?
Botsman
31
Карта сайта