如何打开新窗口并在关闭窗口时执行某些操作？

Question

我正在处理仪表板页面，该页面包含图表列表，还有另一个页面用于编辑图表详细信息。

我要做的是在仪表板页面上为图表项添加编辑按钮，该按钮会打开图表编辑页面的新选项卡窗口，并在仪表板上刷新图表项用户保存图表时的页面。

我试图关闭编辑图表页面并使用onunload事件，但遇到了2个问题：

1. 打开和关闭窗口时会调用它。
2. 我无法确定用户是取消编辑还是按下保存按钮。

dashboard.component.ts

edit(item) {
    var tab = window.open(`/chart/${item.id}`);
    tab.onunload = event => {
        // called twice with same event details
       item.refresh();
    }
}

如何区分打开事件和关闭事件，或者有更好的方法来实现？