Question

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

<?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>

Answer 1

这适用于iPhone模拟器

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

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

Answer 2

如何使用jQuery？

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

从移动HTML Body onorientationchange调用Javascript函数

2 个答案: