javascript - 为什么 ‘orientationchange’ 事件没有在浏览器调整大小时触发？

Question

我正在使用下面的 javascript 代码。但它不适用于浏览器调整大小。我在这个项目中也使用了基础(zurb)框架。

  <script type="text/javascript">
    $(window).on("orientationchange", function () {
        alert("The orientation has changed!");
        // I want to do my other stuff here which is depend on Landscap or portrait
    });
</script>

请让我知道我错过了什么。谢谢

Answer 1

orientation change是纵向/横向变化

resize 是一个不同的事件

您也可以查找 load，在大多数类似情况下这是必需的事件 load 将在页面首次加载时触发，因此您可以进行一些初始调整。

$(window).on("orientationchange load resize", function () {
    alert("The orientation has changed!");
    // I want to do my other stuff here which is depend on Landscap or portrait
});