¿Cómo puedo cerrar la última ventana emergente abierta en orden?
La siguiente imagen es una imagen en la que las etiquetas emergentes se apilan cada vez que se abre una ventana emergente.
ingrese la descripción de la imagen aquí
A continuación se muestra la fuente aplicada.
/* ESC popup close start */ $(document).on('keyup', function(e) { if (e.key == "Escape") $('.window .close').last().click(); }); /* ESC popup close end */close antes del desencadenador de clic.window addClass evitarlo cuando ordene el último artículo nuevamente $(".close").on("click" , function(){ $(this).closest(".window").hide(); }); /* ESC popup close start */ $(document).on('keyup', function(e) { if (e.key == "Escape") $('.window:not(.hidden)').last().addClass("hidden").find(".close").click(); }); /* ESC popup close end */ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="window">Window 1<div class="close">X</div></div> <div class="window">Window 2<div class="close">X</div></div> <div class="window">Window 3<div class="close">X</div></div>Simplemente configure la ventana emergente en cualquier variable y cierre usando esa variable usando window.close
const daddyWindow = window.open("", "window" + number, "width=200,height=100"); daddyWindow.document.write('window Popup code'); daddyWindow.close();Prueba esto:
<html> <header> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> let openedWindows = []; let newWindow; let number = 0; function openWindow() { number++; newWindow = window.open("", "window" + number, "width=200,height=100"); newWindow.document.write(`<a href="javascript:window.close();"class="video-close">Close this window ${number}</a>`); openedWindows.push(newWindow); } $(document).on('keyup', function (e) { if (e.key == "Escape") { if (openedWindows && openedWindows.length >= 0 && openedWindows[openedWindows.length - 1]) { openedWindows[openedWindows.length - 1].close(); openedWindows.pop() } } }); </script> </header> <body> <h3 style="color:brown"> Close Window Example </h3> <button onclick="openWindow()">Open New Window</button> </body> </html>