iframe显示隐藏触发事件

当 iframe 显示或隐藏时，可以通过使用 `visibilitychange` 或 `resize` 事件来触发相应的事件处理程序。

`visibilitychange` 事件会在浏览器标签页或窗口的可见性发生变化时触发，包括当用户最小化浏览器窗口或切换标签页时。可以使用以下代码来检测 iframe 是否显示或隐藏：

var iframe = document.getElementById('my-iframe');
document.addEventListener('visibilitychange', function() {
  if (document.hidden) {
    // 当前页面不可见，iframe 隐藏
    console.log('iframe 已隐藏');
  } else {
    // 当前页面可见，iframe 显示
    console.log('iframe 已显示');
  }
});

`resize` 事件会在浏览器窗口大小发生变化时触发，包括当用户调整浏览器窗口大小或旋转设备时。可以使用以下代码来检测 iframe 是否被调整大小：

var iframe = document.getElementById('my-iframe');
window.addEventListener('resize', function() {
  // 当浏览器窗口大小发生变化时执行的代码
  console.log('iframe 已调整大小');
});

在上述代码中，我们分别使用 `visibilitychange` 和 `resize` 事件来检测 iframe 的显示和隐藏，以及调整大小。根据具体的需求，选择相应的事件即可。