Срабатывает ли событие resize при изменение ориентации экрана?

Question

Срабатывает ли событие resize при изменение ориентации экрана на мобильных устройствах, планшетах ?

Answer 1

Да, срабатывает. При срабатывании события resize можно узнать текущую ориентацию через window.screen.orientation.

Вот вам сниппет для проверки, проверяйте либо с телефона, либо на ПК перенесите код в отдельный файл, а там уже через инструменты разработчика проверьте.

setText()

window.addEventListener('resize', setText)

function setText() {
  let output = document.querySelector('#output')
  let orientationType = window.screen.orientation.type

  output.textContent = orientationType.includes('portrait')
    ? 'Yes'
    : 'No'
}

<p>Is portrait?</p>
<p id="output"></p>

БЛОГ НА HUSL

Срабатывает ли событие resize при изменение ориентации экрана?

Ответы (1 шт):