【React】监听浏览器返回事件

文章目录

  • popstate事件:点击浏览器前进,后退会触发popstate事件
  • 即,在同一文档的两个历史记录条目之间导航会触发该事件
useEffect(() => {
  const handlePageBack = () => {
    // 此处写你想要触发的事件
    console.log('浏览器返回按钮被点击了!');
  };

  // 监听浏览器的 popstate 事件,即页面返回事件
  window.addEventListener('popstate', handlePageBack);

  // 在组件卸载时移除事件监听
  return () => {
    window.removeEventListener('popstate', handlePageBack);
  };
}, []);

相关推荐

  1. React监听浏览器返回事件

    2024-07-12 11:32:06       26 阅读
  2. React Flow浏览器默认事件失效问题解决

    2024-07-12 11:32:06       30 阅读
  3. React16源码: React中event事件监听绑定的源码实现

    2024-07-12 11:32:06       53 阅读
  4. ReactReact响应事件

    2024-07-12 11:32:06       41 阅读
  5. 文件系统事件监听

    2024-07-12 11:32:06       41 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-12 11:32:06       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-12 11:32:06       71 阅读
  3. 在Django里面运行非项目文件

    2024-07-12 11:32:06       58 阅读
  4. Python语言-面向对象

    2024-07-12 11:32:06       69 阅读

热门阅读

  1. 【C语言】高低字节的分分合合 !

    2024-07-12 11:32:06       31 阅读
  2. Pip: Python的包管理器

    2024-07-12 11:32:06       25 阅读
  3. spring 中的路径匹配

    2024-07-12 11:32:06       15 阅读
  4. 【linux服务器ssl证书过期替换】

    2024-07-12 11:32:06       16 阅读
  5. python使用python-docx库处理图片白框问题

    2024-07-12 11:32:06       21 阅读
  6. 力扣刷题35.搜索查找位置

    2024-07-12 11:32:06       17 阅读
  7. C#面 :请列举官方常用的中间件?

    2024-07-12 11:32:06       22 阅读
  8. AI学习指南机器学习篇-K均值聚类模型训练与预测

    2024-07-12 11:32:06       23 阅读
  9. git stash

    git stash

    2024-07-12 11:32:06      21 阅读
  10. 【React Hooks原理 - useEffect、useLayoutEffect】

    2024-07-12 11:32:06       21 阅读
  11. 软设之观察者模式

    2024-07-12 11:32:06       22 阅读
  12. 交易积累-Cloudflare

    2024-07-12 11:32:06       21 阅读
  13. 使用Zipkin与Spring Cloud Sleuth进行分布式跟踪

    2024-07-12 11:32:06       28 阅读