0
312
Vistas¿Cómo puedo cerrar la ventana emergente de capa cuando hago clic en el fondo o el botón?
El escenario es el siguiente.
- Estado predeterminado (sin ventana emergente de capa)
- Cuando hago clic en el botón, aparece una ventana emergente de capa.
- Haga clic en el botón o fuera, la ventana emergente de la capa se ocultará.
Quiero cerrar la ventana emergente de la capa cuando hago clic en el fondo (exterior) o en el botón.
¿Cómo puedo hacer con Vanilla JS o jquery? (basado en HTML)
Te agradecería si pudieras responder.
·
Juan Pablo Isaza
3 Respuestas
Responde la pregunta0
Cuando abra la ventana emergente, adjunte un oyente de clic al cuerpo que lo cierra y elimina el oyente.
·
Juan Pablo Isaza
Denunciar
0
Puedes usar este código
//use by id document.getElementById(#id).style.display = 'block'; document.getElementById(#id).style.display = 'none'; //use by className document.getElementById(.className).style.display = 'none'; document.getElementById(.className).style.display = 'block';o usa jQuery
$(document).ready(function(){ $("#id").click(function(event){ // $("#id").toggle(); // $("#id").hide(); // $("#id").show(); }); });
·
Juan Pablo Isaza
Denunciar
0
Establezca la identificación para su capa en la parte HTML como id="layerPopup" Luego, en su código JS, cree un evento para su botón
$(document).on('click', '#btnId', function(){ $("#layerPopup").hide(); });
·
Juan Pablo Isaza
Denunciar
Responde la pregunta