打开的窗口关闭后如何在React中触发事件

我在React中有一个div,它带有一个onClick处理程序,当单击该处理程序时,将在一个将它们定向到外部URL的弹出窗口中实现window.open。当用户关闭弹出窗口时,我想实现一个API调用。但是,我尝试过的所有方法都失败了,包括尝试使用事件侦听器。

如何在React中检测何时关闭窗口?

我对于window事件的当前代码如下:

export class App extends Component {

  opener = () => {
    const myWindow = window.open("https://www.espn.com", "MsgWindow", "width=200,height=100");
  }

  render() {  

    return (
      <div onClick={this.opener}>
        Hello World
      </div>
    );
  }
}
伊比克斯

您可以如下更改opener功能:

  opener = () => {
    const myWindow = window.open("https://www.espn.com", "MsgWindow", "width=200,height=100");

    var timer = setInterval(function() { 
        if(myWindow.closed) {
            clearInterval(timer);
            alert('closed');
        }
    }, 1000);
  }

参考| 码笔

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Angular中触发窗口调整大小事件

如何在JavaScript中触发窗口调整大小事件?

如何在React Native中检测何时打开或关闭键盘

如何在流星js中捕获引导程序模式打开/关闭事件

如何在不触发事件的情况下打开/关闭引导程序模式?

如何在Angular 2中单击按钮触发要打开的新窗口

如何在React中触发onBlur事件?

如何在单击按钮事件中执行其他任务时关闭主窗口?

关闭应用程序后,为何在React根组件中未触发componentWillUnmount

当我打开多个文件时,如何在Workbook_Open事件中关闭Excel文件?

如何在React Passport Auth Flow中打开和关闭一个小窗口

如何在Google Apps脚本中以编程方式为打开事件创建触发器

如何在React中的滚动事件上触发功能

如何在chrome中打开关闭的窗口

Java Swing:关闭JFileChooser后如何保持父窗口打开

如何在OnWindowRendred事件处理程序中关闭窗口?

button_click事件后如何关闭Winform窗口

如何在页面加载期间打开CSS弹出窗口,然后在页面加载完成后将其关闭

AngularJS:如果再次触发错误事件,如何在解除后重新打开引导警报

PyQt窗口打开后关闭

如何在 Outlook AppointmentItem 中捕获窗口关闭事件?

如何在 Jmeter webdriver Sampler 中关闭新打开的窗口。?

如何在 wpf 中关闭并重新打开窗口?

如何在 React 中的事件之后触发效果

如何在此 Jest 测试中触发窗口加载事件?

调用HSQLDB jar中DatabaseManagerSwing类的main方法后,如何获取窗口关闭事件?

如何在队列中打开多个窗口,每个窗口等待前一个关闭?

如何在 tkinter 中打开关闭的窗口?

在 React 中渲染后触发 onClick 事件