首页 > 其他分享 >监听浏览器是否切换

监听浏览器是否切换

时间:2022-12-06 14:33:24浏览次数:51  
标签:浏览器 切换 hidden document 监听 页面

window.addEventListener("visibilitychange",() => {
        console.log(document.hidden)
        isShowToasts.value = !document.hidden
});

在onMounted里加上上面代码,然后用一个变量来绑定,然后判断变量的值来做相应的操作

切换掉,不在本页面: true

在本页面:false

判断的是否隐藏,所以取反,使用的时候注意

标签:浏览器,切换,hidden,document,监听,页面
From: https://www.cnblogs.com/alannero/p/16955135.html

相关文章

  • 手机直播源码,文字上下滚动切换 用于公告消息提示
    手机直播源码,文字上下滚动切换用于公告消息提示1基本使用代码 voidmain(){ ///启动根目录 runApp(MaterialApp(  home:TestTipsPage(), ));}classTest......
  • vscode如何设置为左边编辑器右边浏览器
      插件过时了?  参考:https://www.cnblogs.com/wan520/p/14259240.html......
  • Selenium无浏览器页面执行测试用例—静默执行
    在执行WebUI自动化用例的时候,经常需要不打开浏览器执行自动化测试,这时就需要用到浏览器的静默执行。浏览器静默执行要点:1.定义Chrome的选项,两种方式任选chrome_options=......
  • vue3 使用watch 监听多个数据
    //监听时间选择watch([internalSubmTimer,internalTimer,externalSubmTimer,externaTimer,callbackTimer,],(newValue,oldValue)=......
  • linux下jdk多版本切换
    系统环境系统almalinux9javaOrcalejdk1.8&jdk17jdk安装方式yumlocalinstallrpm包(注:安装jdk时未对/etc/profile进行更改)如何切换参考Linux下怎......
  • 浏览器调试工具devtool
    视频网址  先打开devtool,再打开命令菜单。可以用screenshot来截屏  $0:先在element点击元素,再在控制台输入$0,这个$0代表element中选中的DOM元素。$1,$2...有类型......
  • 详解监听MySQL的binlog日志工具分析:Canal
    Canal是阿里巴巴旗下的一款开源项目,利用Java开发。主要用途是基于MySQL数据库增量日志解析,提供增量数据订阅和消费,目前主要支持MySQL。GitHub地址:https://github.com/alib......
  • 浏览器DevTools使用技巧
    我们是袋鼠云数栈UED团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。本文作者:正则作为一名前端开发人员,平......
  • MHA高可用配置及故障切换
    一、案例概述传统的MySQL主从架构存在的问题●单点故障为了解决单点故障所带来的的影响,我们可以使用MHA高可用架构。二、案例前置知识点1.MHA概述●MHA(MasterHigh......
  • 项目坑 | Node 版本的切换
    8.0.0Node问题 版本不对 旧的terminal换成8.17.0 ==> 8.17.0不是全局==》npm不是6版本 原先terminal......