从移动 HTML 正文 onorientationchange 调用 Javascript 函数答案

【问题标题】：Call a Javascript function from mobile HTML Body onorientationchange从移动 HTML 正文 onorientationchange 调用 Javascript 函数
【发布时间】：2013-10-22 06:33:42
【问题描述】：

当我在网络浏览器（特别是 Safari）中更改移动网络应用程序的方向时，我试图调用 Javascript 函数。我的身体标签上的 onorientationchange 没有触发，因为警报没有显示。如果我将呼叫放在身体的负载上，则会显示警报。关于如何在移动网络浏览器的方向改变时触发功能的任何想法？

<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <script type="text/javascript">  
            function updateOrientation() {
                var displayStr = 'Orientation: ';
                alert("orientation=" + window.orientation);
                switch(window.orientation) {
                    case 0:
                        //do something
                        break;

                    case -90:
                        //do something
                        break;

                    case 90:
                        //do something
                        break;

                    case 180:
                        //do something
                        break;
                }
            }
    </script>
    </head>
    <body onorientationchange="updateOrientation();">
    </body>
</html>

【问题讨论】：

为什么你的页面顶部有一个xml标签？ <!DOCTYPE html> 应该足够了。 :)
这是一个 xhtml 页面。

标签： javascript html

【解决方案1】：

这适用于 iPhone 模拟器

<head>
<script type="text/javascript">
    window.onorientationchange = function(){
        alert(window.orientation);
    }
</script>
</head>

<body>
<span>sample page</span>
</body>

【讨论】：

【解决方案2】：

使用 jQuery 怎么样？

$(window).on('orientationchange', function( event ) {
  alert('changed');
});

【讨论】：