• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

232
Views
¿Cómo puedo cerrar la ventana emergente de capa cuando hago clic en el fondo o el botón?

El escenario es el siguiente.

ingrese la descripción de la imagen aquí

  1. Estado predeterminado (sin ventana emergente de capa)
  2. Cuando hago clic en el botón, aparece una ventana emergente de capa.
  3. 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.

almost 3 years ago · Juan Pablo Isaza
3 answers
Answer question

0

Cuando abra la ventana emergente, adjunte un oyente de clic al cuerpo que lo cierra y elimina el oyente.

almost 3 years ago · Juan Pablo Isaza Report

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(); }); });
almost 3 years ago · Juan Pablo Isaza Report

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(); });
almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error