Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 科尔多瓦方向变化_Javascript_Cordova_Orientation_Device - Fatal编程技术网

Javascript 科尔多瓦方向变化

Javascript 科尔多瓦方向变化,javascript,cordova,orientation,device,Javascript,Cordova,Orientation,Device,勇敢的科尔多瓦开发者们,再见! 主要的问题是,如何检测corientation变化是否结束,窗口是否重新绘制 我使用了250毫秒的时间延迟,但我担心在一些较慢的设备上这不会是一个很好的结果 var app = { initialize: function() { this.bindEvents(); }, bindEvents: function() { document.addEventListener('deviceready', t

勇敢的科尔多瓦开发者们,再见! 主要的问题是,如何检测corientation变化是否结束,窗口是否重新绘制

我使用了250毫秒的时间延迟,但我担心在一些较慢的设备上这不会是一个很好的结果

var app = {

    initialize: function() {
        this.bindEvents();
    },
    bindEvents: function() {
        document.addEventListener('deviceready', this.onDeviceReady, false);
    },
    onDeviceReady: function() {
      init_video();
      window.addEventListener('orientationchange', init_video);
    },
};

var init_video = function(){
    //insert time out to let window to redraw
    setTimeout(function() {
        console.log('oriantation:'+window.orientation+'\nwidth: ' + window.outerWidth + '\nheight: '+ window.outerHeight);
    }, 250);
}

你可以在css中通过媒体查询来改变这一点,比如

,谢谢你的好资源,但是我需要这个事件来添加额外的基于js的行为,我的错,我以前没有见过它