cross-browser validacion - Evento de cambio de tamaño de la ventana del navegador cruzado-JavaScript / jQuery




enviar campos (10)

jQuery tiene un método incorporado para esto:

$(window).resize(function () { /* do something */ });

En aras de la capacidad de respuesta de la interfaz de usuario, puede considerar usar un setTimeout para llamar a su código solo después de algunos milisegundos, como se muestra en el siguiente ejemplo, inspirado en this :

function doSomething() {
    alert("I'm done resizing for the moment");
};

var resizeTimer;
$(window).resize(function() {
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(doSomething, 100);
});

¿Cuál es el método correcto (moderno) para aprovechar el evento de cambio de tamaño de la ventana que funciona en Firefox, WebKit e Internet Explorer?

¿Y puedes activar / desactivar ambas barras de desplazamiento?


$(window).bind('resize', function () { 

    alert('resize');

});

Disculpe por mostrar un hilo viejo, pero si alguien no quiere usar jQuery, puede usar esto:

function foo(){....};
window.onresize=foo;

Aquí está la forma no jQuery de aprovechar el evento de cambio de tamaño:

window.addEventListener('resize', function(event){
  // do stuff here
});

Funciona en todos los navegadores modernos. No estrangula nada por ti. Aquí hay un ejemplo de ello en acción.


Usando jQuery 1.9.1, acabo de descubrir que, aunque técnicamente es idéntico) *, esto no funcionó en IE10 (pero en Firefox):

// did not work in IE10
$(function() {
    $(window).resize(CmsContent.adjustSize);
});

Si bien esto funcionó en ambos navegadores:

// did work in IE10
$(function() {
    $(window).bind('resize', function() {
        CmsContent.adjustSize();
    };
});

Editar:
) * En realidad no es técnicamente idéntico, como se señala y explica en los comentarios de WraithKenny y Henry Blyth .



jQuery proporciona la función $(window).resize() por defecto:

<script type="text/javascript">
// function for resize of div/span elements
var $window = $( window ),
    $rightPanelData = $( '.rightPanelData' )
    $leftPanelData = $( '.leftPanelData' );

//jQuery window resize call/event
$window.resize(function resizeScreen() {
    // console.log('window is resizing');

    // here I am resizing my div class height
    $rightPanelData.css( 'height', $window.height() - 166 );
    $leftPanelData.css ( 'height', $window.height() - 236 );
});
</script> 

espero que ayude en jQuery

defina una función primero, si hay una función existente, salte al siguiente paso.

 function someFun() {
 //use your code
 }

uso del tamaño del navegador como estos.

 $(window).on('resize', function () {
    someFun();  //call your function.
 });

Creo que deberías agregar más control a esto:

    var disableRes = false;
    var refreshWindow = function() {
        disableRes = false;
        location.reload();
    }
    var resizeTimer;
    if (disableRes == false) {
        jQuery(window).resize(function() {
            disableRes = true;
            clearTimeout(resizeTimer);
            resizeTimer = setTimeout(refreshWindow, 1000);
        });
    }

La documentación de jQuery establece:

[jQuery.val] verifica, o selecciona , todos los botones de radio, casillas de verificación y opciones de selección que coinciden con el conjunto de valores.

Este comportamiento está en las versiones de jQuery 1.2 y superiores.

Lo más probable es que quieras esto:

$("._statusDDL").val('2');




javascript jquery cross-browser resize