1. Inicio
  2. Documentos
  3. documentacion
  4. Screen Orientation

Screen Orientation

El complemento agrega lo siguiente al objeto de pantalla  window.screen 

// lock the device orientation
webtoappx.screen.orientation.lock('portrait')

// unlock the orientation
webtoappx.screen.orientation.unlock()

// current orientation
webtoappx.screen.orientation
Supported Orientations
  • portrait-primary : La orientación está en el modo vertical principal.
  • portrait-secondary : La orientación está en el modo retrato secundario.
  • landscape-primary : La orientación está en el modo horizontal principal.
  • landscape-secondary : La orientación está en el modo horizontal secundario.
  • portrait : La orientación es vertical primaria o vertical secundaria (sensor).
  • landscape : La orientación es horizontal primaria o horizontal secundaria (sensor).
  • any : la orientación está desbloqueada; todas las orientaciones son compatibles.
Usage
// set to either landscape
webtoappx.screen.orientation.lock('landscape');

// allow user rotate
webtoappx.screen.orientation.unlock();

// access current orientation
console.log('Orientation is ' + webtoappx.screen.orientation.type);
Events

Para capturar el evento de cambio de orientación en el objeto de ventana, utilice el objeto de ventana.

Ejemplo

window.addEventListener("orientationchange", function(){
    console.log(webtoappx.screen.orientation.type); // e.g. portrait
});

El detector de eventos ‘cambio’ también se agregó al objeto webtoappx.screen.orientation.

Ejemplo

webtoappx.screen.orientation.addEventListener('change', function(){
    console.log(webtoappx.screen.orientation.type); // e.g. portrait
});
    // OR

webtoappx.screen.orientation.onchange = function(){console.log(webtoappx.screen.orientation.type);
};

¿Cómo podemos ayudarte?