angular2 页面中使用window.open打开新窗口后，新页面document.addEventListener visibilitychange事件不生效（谷歌浏览器）

如题目所述，在原来页面中，使用window.open打开新页面链接，新页面中需要实现浏览器窗口切换时，监听当前窗口切换超过几次进行提醒，新窗口监听事件如下

if (document.hidden !== undefined) {document.addEventListener('visibilitychange', () => {if (document.hidden) {this.tabNums++;if (this.tabNums <= 3) { // 切换页面几次} else {console.log('超过3次之后的操作')}}});}

原页面跳转代码如下

window.open('#/report-exame?tId=' + this.taskCid + '&wId=' + this.workTid);

以上会出现跳转的新页面窗口切换监听无效，经历多次问题查找，发现可能是浏览器兼容问题导致，解决方法如下，window.open()方法添加两个参数，第一个表示打开新的空白窗口，第二个浏览器兼容

window.open('#/report-exame?tId=' + this.taskCid + '&wId=' + this.workTid, '_blank', 'noopener');

第一次遇到，特此记录。

angular2 页面中使用window.open打开新窗口后，新页面document.addEventListener visibilitychange事件不生效（谷歌浏览器）相关推荐

水滴石穿之页面遮罩层实现、向window.open()打开的窗口POST数据
1.页面遮罩层实现 <script> function locking() { document.all.ly.style.display="block&qu ...
window.open打开子窗口回调父窗口函数
window.open打开子窗口回调父窗口函数需求最新在工作中,遇到一个需求.老项目的前端页面使用的是jsp技术,产品要求点击按钮弹出一个弹窗进行操作,操作成功要关闭子页面,还要提示成功信息. 本 ...
window.open 打开最大化窗口
一.项目中使用window.open打开新窗口,并设置了新窗口的打开位置: var iWidth=800; //弹出窗口的宽度; var iHeig ...
spring mvc项目中，在jsp页面中输入中文时，提交到student.jsp页面后，结果显示中文乱码
在jsp页面中输入中文时,提交到student.jsp页面后,结果显示中文乱码下面是相关代码截图表单代码: 控制器类代码: springmvc配置文件代码: 用于显示的jsp页面: 修改之前的we ...
DW8里面的HTML面板在哪里,打开Dreamweaver8窗口后，如果没有出现属性面板，可执行（）菜单中的 - 问答库...
Refer to the exhibit. Which two statements about the AAA configuration are true?() ["A good sec ...
java 新窗口跳转页面_Java web开发中页面跳转小技巧——跳转后新页面在新窗口打开...
最近学习Java web,在学习过程中想实现一个需求,就是在jsp页面跳转的时候,希望跳转后的新页面在新窗口中打开, 而不是覆盖原来的页面,这个需求使我困惑了好长时间,后来通过大海捞针似的在网上寻找方 ...
页面A使用window.open打开页面B,然后取得B的返回值
页面A的部分代码: <tr> <td><b><%= flabel.getProperty("domainadmin_adminid" ...
layuiAdmin打开新窗口、新标签页
这里写自定义目录标题前言打开新窗口打开新窗口的代码源码前言 layuiAdmin.std-v1.2.1 打开新窗口在控件上添加 lay-href 属性. <a lay-href=&q ...
javafx 打开新窗口_新的JMetro JavaFX 11兼容版本
javafx 打开新窗口你好,我们又见面了! 这次,新版本与JavaFX 11兼容. 继续阅读以获取详细信息. JMetro 8.5.7和11.5.7版本 JMetro代码已分为2个分支. mast ...

angular2 页面中使用window.open打开新窗口后，新页面document.addEventListener visibilitychange事件不生效（谷歌浏览器）

angular2 页面中使用window.open打开新窗口后，新页面document.addEventListener visibilitychange事件不生效（谷歌浏览器）相关推荐

最新文章

热门文章