как запустить событие resize в javascript при скрытии div

год назад

Nikolai Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Чтобы запустить событие resize в JavaScript при скрытии div, вам нужно выполнить следующие шаги:

Добавить слушатель события на div, который будет контролировать его статус видимости.
При изменении видимости div вызывать событие resize на окне браузера.

Пример кода:

<!DOCTYPE html>
<html>
<head>
    <title>Resize Event Demo</title>
</head>
<body>
    <div id="toggleDiv" style="width: 200px; height: 200px; background-color: lightblue;">Toggle Me!</div>

    <script>
        const toggleDiv = document.getElementById('toggleDiv');

        // Функция для скрытия/показа div и вызова события resize
        const toggleVisibility = () => {
            if (toggleDiv.style.display === 'none') {
                toggleDiv.style.display = 'block';
                window.dispatchEvent(new Event('resize'));
            } else {
                toggleDiv.style.display = 'none';
                window.dispatchEvent(new Event('resize'));
            }
        }

        // Слушаем клик по div
        toggleDiv.addEventListener('click', toggleVisibility);
    </script>
</body>
</html>

В этом примере при клике на div он будет скрываться/показываться, и при этом событие resize будет запускаться на окне браузера.

8 месяцев назад

Elena Gromova

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

2 месяца

ООП на Javascript

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

1 месяц

Асинхронное программирование на JS

Навык асинхронного программирования в JavaScript: писать быстрый код, расти в грейде и успешно проходить собеседования.

1 месяц

СИКП на JS

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

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