Вызов функции Javascript из мобильного тела HTML onorientationchange

Question

Вызов функции Javascript из мобильного тела HTML onorientationchange

0

Я пытаюсь вызвать функцию Javascript, когда меняю ориентацию своего мобильного веб-приложения в веб-браузере (в частности, Safari). 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>

c12 22 окт. 2013, в 09:25

Источник

0

почему на вашей странице есть тег xml? <!DOCTYPE html> должно быть достаточно. :)
VDP 22 окт. 2013, в 06:42
0

Это страница в формате HTML.
c12 22 окт. 2013, в 07:18

Теги:

javascript

html

2 ответа

1

Как насчет использования jQuery?

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

kirill.buga 22 окт. 2013, в 05:22

Ещё вопросы

почему на вашей странице есть тег xml? <!DOCTYPE html> должно быть достаточно. :)

mckeejm · Accepted Answer · 2013-10-22T05-19-00.000Z

Это работает в iPhone Simulator

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

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