如何监控window.open创建的弹窗中的onLoad事件？

监控使用 window.open 创建的弹出窗口中的 onLoad 事件

检测使用 window.open 打开的窗口中的 onLoad 事件在各种浏览器中都是一个挑战。以下代码尝试实现此功能，但失败了：

window.popup = window.open($(this).attr('href'), 'Ad', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0');
$(window.popup).onload = function()
{
    alert("Popup has loaded a page");
};

解决方案

要成功捕获 onLoad 事件，建议使用以下方法：

1. addEventListener

对于现代浏览器，请使用 addEventListener 方法，如下所示：

var myPopup = window.open(...);
myPopup.addEventListener('load', myFunction, false);

2. AttachEvent（适用于 IE）

如果支持 Internet Explorer 至关重要，请使用 AttachEvent 方法：

myPopup[myPopup.addEventListener ? 'addEventListener' : 'attachEvent'](
  (myPopup.attachEvent ? 'on' : '') + 'load', myFunction, false
);

IE 支持注意事项

支持 IE 可能很麻烦。如果可能，请考虑避免它或实施特定的解决方案以实现 IE 兼容性。

以上是如何监控window.open创建的弹窗中的onLoad事件？的详细内容。更多信息请关注PHP中文网其他相关文章！