Breaking

Post Top Ad

Your Ad Spot

lunes, 18 de marzo de 2019

Cómo ocultar Div cuando se hace clic fuera del elemento usando jQuery

Esconder el elemento al hacer clic afuera, es una funcionalidad imprescindible para el menú desplegable. Aparte de eso, también se usa en algunas situaciones en las que necesita ocultar div cuando el usuario hace clic fuera de este elemento. Puede ocultar fácilmente div o elemento cuando haga clic fuera de él utilizando jQuery.
En el fragmento de código de ejemplo, mostraremos cómo ocultar el elemento al hacer clic fuera usando jQuery. El div se ocultará cuando el usuario haga clic fuera de este elemento.
Use el evento jQuery mouseup ( .mouseup()) con la propiedad de destino ( event.target) para detectar un evento de clic y ocultar la div al hacer clic fuera del elemento específico.
< script > 
$ ( document ) .mouseup ( function ( e ) {
     var container = $ ( "#elementID" );

    // Si el destino del clic no es el contenedor 
    if (! Container.is (e.target) && container.has (e.target) .length === 0 ) {
        container.hide ();
    }
});
</ script >

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas