jQuery捕获弹出窗口的关闭

此代码片段演示了如何检测何时关闭jQuery窗口：

<code class="language-javascript">// Monitor the closing of a popup window
const popupWindow = window.open("http://dev.com/index.php?m=social&a=testLinkedIn", '', 'height=500,width=500');

const intervalId = setInterval(() => {
  if (popupWindow.closed) {
    clearInterval(intervalId);
    console.log('Popup window closed');
    // Add your code here to handle the popup closure
  }
}, 200); // Check every 200 milliseconds</code>

此改进版本使用const>用于更好的可变声明，console.log!== false用于清除日志记录。 由于现代浏览器正确处理closed属性，因此不再需要检查。

>

经常询问有关jQuery弹出的问题

本节提供了有关创建和管理jQuery弹出窗口的常见问题的答案。

>

问：如何创建一个简单的jQuery弹出窗口？ a：在HTML中创建一个隐藏的

。 使用jQuery的

方法将其显示在事件上（例如，按钮单击）和将其关闭。 考虑在弹出窗口中添加一个关闭按钮。<div> <code>.show() .hide() Q：我的jQuery弹出窗口在我单击外面时不会关闭。

a：您需要在弹出窗口外检测单击。 使用jQuery的方法来收听文档上的单击。 如果单击目标是

在弹出窗口中，请隐藏弹出窗口。.on()问：如何进行自我关闭的弹出式？ a：在指定的延迟后，请在弹出窗口上使用JavaScript的函数（以毫秒为单位）。>

问：如何添加淡出效果？ a：使用jQuery's

和

的方法，而不是setTimeout()>和.hide()>进行更光滑的视觉过渡。

问：如何将弹出窗口集中？ a：使用jQuery的方法将

>和

属性设置为50％，然后使用.fadeIn()>和.fadeOut()进行调整以完美核心。 根据弹出窗口的高度和宽度计算这些边距。.show()> .hide()

问：如何在弹出窗口打开时如何防止页面滚动？

a：在弹出窗口打开时，使用jQuery's方法添加

的css，并在关闭时将其删除。

.css()问：如何添加一个关闭按钮？ topa：在弹出窗口内添加一个left元素。 使用jQuery在弹出窗口上连接margin-top（或margin-left）的点击处理程序。

Q：如何使我的弹出式响应能力？ a：使用百分比而不是固定像素值的宽度和CSS中的高度。 考虑将媒体查询用于不同的屏幕尺寸。

overflow: hidden;问：如何添加背景覆盖？ a：创建一个全屏.css()（例如，使用

>和

高于弹出窗口），并与弹出窗口一起显示/隐藏。

问：如何使弹出窗口的打开和关闭动画？ a：使用JQuery的动画方法，例如

>，

，.slideDown()或自定义动画以进行更多控制。.slideUp()