在移动设备中更改方向时需要关闭弹出窗口

Posted 2023-03-31

【中文标题】在移动设备中更改方向时需要关闭弹出窗口

【英文标题】：While changing orientation in mobile need to close popup window

【发布时间】：2017-05-03 09:37:55

【问题描述】：

对桌面网站进行少量更改以在移动设备中工作（仅限横向模式），如果用户将方向更改为纵向，则会显示一条消息以更改方向。它按预期工作。

具有挑战性的部分是在显示 javascript 警报或下拉选项时，如果用户更改方向而没有收到“方向更改消息”而不是显示整个站点。

我们可以在不重新加载页面的情况下通过使用“mobile jquery”检查方向来做到这一点吗？

【参考方案1】：

您可以使用orientationchange方法检查方向模式。

$(window).on("orientationchange",function(event)
  alert("Orientation is: " + event.orientation);
);