Я пытаюсь добавить слушателя к событию change свойства screen.orientation, например:
window.screen.orientation.onchange = () => {
console.log('Orientation changing');
}
или
window.screen.orientation.addEventListener('change', () => console.log('Orientation changing');)
Эти фрагменты работают как ожидается в Chrome и Edge. Когда я моделирую мобильное устройство с помощью DevTools и меняю ориентацию, они срабатывают.
Однако они не срабатывают в Firefox 76. Я запутался, почему они не работают, потому что MDN показывает Firefox поддержку ScreenOrientation.onchange (экземпляр ScreenOrientation - возвращается screen.orientation). Я протестировал этот код на своем ноутбуке Firefox и на Android устройствах, работающих в Browserstack.
Я подтвердил, что обработчики добавлены к объекту screen.orientation в Firefox, и я могу запустить их в консоли браузера, вызывая window.screen.orientation.onchange() напрямую.
Я предполагаю, что есть что-то, что я не понимаю в том, что вызывает срабатывание события, но я не понимаю, что это такое.