5

Quiero hacer algo asi:

Supongase que hago click en un boton para mostrar un menu, y yo quiero darle click a los elementos que estan dentro de dicho menu, pero al dar click sobre un elemento diferente de ese menu (o los elementos que traiga dentro) este desaparezca.

1
  • En javaScript? no seria mejor con Jquery pero si tu quierres en JavaScript, puedes poner el codigo que llevas hecho.
    – simon
    el 19 jun. 2017 a las 4:09

1 respuesta 1

2

Esto te servirá (concepto):

 $(document).on("click",function(e) {

        var container = $("#tu_elemento");

            if (!container.is(e.target) && container.has(e.target).length === 0) { 
            //Se ha pulsado en cualquier lado fuera de los elementos contenidos en la variable container

            }
   });

Aquí va un ejemplo funcional:

    $(document).on("click",function(e) {
                    
         var container = $("#container");
                            
            if (!container.is(e.target) && container.has(e.target).length === 0) { 
               alert("¡Pulsaste fuera!");               
            }
     });
    #container {
        background: #fff;
        padding: 20px;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
        color: #555;
        border-radius: 5px;
    }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



    <div id="container">Pulsa en cualquier lado fuera de este elemento</div>

5
  • puedes usar los snippets incluidos en el editor para hacer un ejemplo funcional de verdad xD
    – lois6b
    el 19 jun. 2017 a las 7:21
  • @lois6b por supuesto, es que respondí la pregunta desde el teléfono y no lo puede añadir, cuando llegue a casa lo actualizo. Gracias.
    – lromeraj
    el 19 jun. 2017 a las 7:29
  • @lois6b a ejemplo funcional me refería a que funciona xD
    – lromeraj
    el 19 jun. 2017 a las 7:30
  • hahah no problem. te lo edité yo, espero que no te moleste. Un saludo
    – lois6b
    el 19 jun. 2017 a las 7:33
  • @lois6b que va jajajaja, gracias
    – lromeraj
    el 19 jun. 2017 a las 7:38

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.