как запустить событие resize в javascript при скрытии div
Ответы
Чтобы запустить событие 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 будет запускаться на окне браузера.
0
0
