El escenario es el siguiente.
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.
Cuando abra la ventana emergente, adjunte un oyente de clic al cuerpo que lo cierra y elimina el oyente.
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(); }); });
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(); });