NW
чтобы выполнить какой-то js-код надо отследить событие
Size: a a a
2020 October 16
AP
чтобы выполнить какой-то js-код надо отследить событие
matchMedia генерирует событие только тогда, когда срабатывает медиа запрос, а не на каждое изменение экрана
NW
вот:
if (window.matchMedia("(max-width: 400px)").matches) {
$("input").attr("placeholder", "2");
};
if (window.matchMedia("(max-width: 400px)").matches) {
$("input").attr("placeholder", "2");
};
NW
меняю размер окна, перехожу в режим эмуляции мобилы - не меняется
NW
только F5
KA
нет
ты сам написал об "отслеживании события". Слушай resize эвент, если тебе нужен эффект без перезагрузки страницы
AP
вот:
if (window.matchMedia("(max-width: 400px)").matches) {
$("input").attr("placeholder", "2");
};
if (window.matchMedia("(max-width: 400px)").matches) {
$("input").attr("placeholder", "2");
};
ты же сам сказал, что нужно событие слушать, а в коде проверяешь медиа только один раз
const mql = window.matchMedia("(max-width: 400px)");
mql.addEventListener('change', (event) => {
if (event.matches) {
$("input").attr("placeholder", "2");
}
});MZ
только F5
Неправильно ты его готовишь дядя фёдор.
Вот, открой консоль и поресайзь окно.
https://ru.svelte.dev/repl/45b54b76529e4d03bba37f511cf71280?version=3.29.0
Вот, открой консоль и поресайзь окно.
https://ru.svelte.dev/repl/45b54b76529e4d03bba37f511cf71280?version=3.29.0
NW
Неправильно ты его готовишь дядя фёдор.
Вот, открой консоль и поресайзь окно.
https://ru.svelte.dev/repl/45b54b76529e4d03bba37f511cf71280?version=3.29.0
Вот, открой консоль и поресайзь окно.
https://ru.svelte.dev/repl/45b54b76529e4d03bba37f511cf71280?version=3.29.0
ничего)
MZ
ничего)
Сорян, поправил )
MZ
Неправильно ты его готовишь дядя фёдор.
Вот, открой консоль и поресайзь окно.
https://ru.svelte.dev/repl/45b54b76529e4d03bba37f511cf71280?version=3.29.0
Вот, открой консоль и поресайзь окно.
https://ru.svelte.dev/repl/45b54b76529e4d03bba37f511cf71280?version=3.29.0
Событие не будет всплывать, если при ресайзе ширина окна > 400px
NW
сорян, я затупил - else не прописал, событие-то наступает, только значение плэйсхолдера прежним остаётся))
ну в таком виде пожалуй будет юзабельно
ну в таком виде пожалуй будет юзабельно
AК
я плейхолдер делал тупо через дивку поверх на жс а в мобилке удалял его в мобилке должен был появляться обычный плейхолдер
AК
тут типа справа оранжевый текст меняется
NB
Ребят ,а как через onclick чтоб оно добавляло свойство
display:none—display:block при нажатии на элемент
display:none—display:block при нажатии на элемент
F
Ребят ,а как через onclick чтоб оно добавляло свойство
display:none—display:block при нажатии на элемент
display:none—display:block при нажатии на элемент
Ну обращайся к элементу и добавляй ему стили по нажатию
NB
FRIZZZBE
Ну обращайся к элементу и добавляй ему стили по нажатию
есть пример?)
F
Лучше загугли
F
Я не за пк