Какие события обрабатывают Document

События Document обрабатывают действия, связанные с загрузкой, изменением структуры DOM и взаимодействием с документом целиком. Основные из них:

• DOMContentLoaded – срабатывает после полной загрузки и парсинга HTML (без ожидания стилей/изображений).
• load – когда загружены все ресурсы (стили, скрипты, изображения).
• beforeunload – перед закрытием/перезагрузкой страницы (можно отменить).
• unload – при выгрузке документа (редко используется).
• visibilitychange – при изменении видимости вкладки (через document.visibilityState).

Пример:

document.addEventListener('DOMContentLoaded', () => {
  console.log('DOM готов!');
});

window.addEventListener('beforeunload', (e) => {
  e.preventDefault();
  e.returnValue = ''; // Для совместимости
});