解决AntDesignMessage在后台时弹出并在前台关闭的问题

阅读提示：本文共计约1925个文字，预计阅读时间需要大约5分钟，由作者windows游戏掌机编辑整理创作于2023年11月06日19时46分21秒。

当您的浏览器在后台运行时，Ant Design 的 Message 组件可能会在您切换回前台时才关闭。这是因为浏览器的事件系统在处理后台任务时可能不会触发事件。为了解决这个问题，您可以尝试以下方法：

1. 使用 window.onfocus 和 window.onblur 事件来控制 Message 组件的显示和隐藏。例如：

window.onfocus = () => {
  // 当浏览器焦点回到前台时，显示 Message 组件
  message.info('Hello, world!');
};

window.onblur = () => {
  // 当浏览器焦点离开前台时，隐藏 Message 组件
  message.destroy();
};

2. 如果您希望 Message 组件在一段时间后自动关闭，可以使用 message.config 配置项中的 top、duration 和 closable 参数来实现。例如：

message.config({
  duration: 5, // 消息持续时间（秒）
  closable: true, // 是否显示关闭按钮
});

message.info('Hello, world!');

通过以上方法，您可以在浏览器在后台运行时控制 Message 组件的显示和隐藏，从而避免它在切换到前台时才关闭的问题。