Ejemplo 1: evento de cambio de tamaño de ventana de JavaScript
//listen for window resize event
window.addEventListener('resize', function(event){
var newWidth = window.innerWidth;
var newHeight = window.innerHeight;
});
Ejemplo 2: cambiar el tamaño de la ventana de disparo
// Cross-browser solution (IE support)
var resizeEvent = window.document.createEvent('UIEvents');
resizeEvent.initUIEvent('resize', true, false, window, 0);
window.dispatchEvent(resizeEvent);
Ejemplo 3: evento de cambio de tamaño de javascript
window.resize = event => {
// Code here
};
Ejemplo 4: cambio de tamaño de ventana hecho
function resizedw(){
// Haven't resized in 100ms!
}
var doit;
window.onresize = function(){
clearTimeout(doit);
doit = setTimeout(resizedw, 100);
};
Ejemplo 5: mecanografiado de evento de cambio de tamaño div
resizeObservable$: Observable<Event>
resizeSubscription$: Subscription
ngOnInit() {
this.resizeObservable$ = fromEvent(window, 'resize')
this.resizeSubscription$ = this.resizeObservable$.subscribe( evt => {
console.log('event: ', evt)
})
}
Ejemplo 6: evento de tamaño de ventana js
<p>Resize the browser window to fire the <code>resize</code> event.</p>
<p>Window height: <span id="height"></span></p>
<p>Window width: <span id="width"></span></p>
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)