正在毫无计策的时候，我一直打开关闭尝试该方法是否生效。突然发现，如果页面在刚打开的很短时间内关闭页面，onbeforeunload事件是不会被触发的，在等待几秒之后再关闭页面就会触发事件出现提示。
来，试一下iframe延时对src赋值(这里引用了JQuery)。
| <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <script src="scripts/jquery-2.2.3.js"></script> </head> <body> <iframe id="iframe" frameborder="0" style="position: absolute;border: navajowhite;left: 0;height: calc(100% - 30px);width:100%"> </iframe> </body> <script> $(function () { setTimeout(function () { iframe.src = "https://wx.qq.com/"; },5000); }); document.body.onbeforeunload = function (event) { var rel = "asdfawfewf"; if (!window.event) { event.returnValue = rel; } else { window.event.returnValue = rel; } }; </script> </html> |
结果果然成功了，会出现提示是否离开此页面，点击留下按钮。成功没有跳转。下图为我成品图片。
大功告成，里面可以正常聊天和传文件，但是不能截图。
缺点不足的就是，完成登陆需要点击弹窗取消按钮，而且需要两次，第一次打开页面，第二次扫码结束后还会跳转一次页面。目前还没办法解决这个问题，希望有办法解决此问题的朋友们可以提点建议哈~~小编会及时回复大家的，在此也非常感谢大家对易采站长站网站的支持！
