如何在jquery或javascript中查看浏览器窗口何时触发加载/重载/后退/前进和关闭？
在jQuery或JavaScript中，可以使用window对象的load、unload、beforeunload和popstate事件来监听浏览器窗口的加载、重载、后退、前进和关闭操作。
- 加载事件：使用
$(window).on('load', function() {})来监听浏览器窗口加载完成事件。该事件在整个页面及其所有资源（如图片、样式表、脚本等）都加载完成后触发。 - 重载事件：使用
$(window).on('beforeunload', function() {})来监听浏览器窗口即将重载事件。该事件在用户点击刷新按钮或使用快捷键进行页面重载时触发。 - 后退和前进事件：使用
$(window).on('popstate', function() {})来监听浏览器窗口的后退和前进操作。该事件在用户点击浏览器的后退或前进按钮时触发。 - 关闭事件：使用
$(window).on('unload', function() {})来监听浏览器窗口关闭事件。该事件在用户关闭浏览器窗口或导航到其他页面时触发。
以下是一些相关的腾讯云产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，适用于存储和处理任意类型的文件。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：提供弹性、安全、稳定的云服务器，可满足不同规模业务的需求。产品介绍链接：https://cloud.tencent.com/product/cvm
请注意，以上仅为示例，实际上还有更多腾讯云产品可根据具体需求进行选择和使用。
相关·内容
1回答
使用window.history.pushstate使分页跟随在“后退”/“前进”按钮之后
javascript、jquery
我试图使一个页面的结果与分页工作与后退和前进按钮无缝。如果你点击“下一步”按钮并转到第2页。我需要后退按钮来导航到结果的第一页，依此类推。“跳转到页面”按钮也是如此。如果“活动”页面是第3页，并且后退按钮被点击，我将需要“活动”按钮来跟随。
我可以通过在url上附加一个页码来实现：
window.history.pushState({path:updateurl},'',updateurl,);
但是似乎不能让它与分页或currentPage一起工作。我也试着在一个：
window.history.replaceState()
在每次分页时，单击以查看我是否可以重写历史以返回到
浏览 12提问于2018-12-06得票数 0
2回答
页面加载时触发popstate
javascript、jquery
$(window).on('popstate', function(){
window.history.go(-1);
});
我有一个页面在用户单击后退按钮时使用popstate
但在某些浏览器中，popstate会在页面加载时触发，而不是单击back按钮。
它发生在Safari和触摸屏设备中。
浏览 9提问于2014-06-10得票数 0
2回答
当“后退”按钮触发popState时，如何防止页面刷新？
javascript、jquery、html、history
我试图在不重新加载的情况下修改页面中的内容。目前我的代码是：
window.onpopstate = function(event){
// Ajax Request the Page and replace content with new content
};
当我按下状态然后触发popstate事件时，这是有效的，但如果我在浏览器中按back按钮，它会导航到url，而不是调用我的onpopstate事件。如何防止页面刷新并使用ajax调用更新页面？
编辑:我正在尝试用pushState和popstate更新。我希望我的urls没有散列。
浏览 4提问于2011-02-26得票数 29
回答已采纳
7回答
JavaScript -使用后退按钮关闭弹出窗口
javascript、jquery、html
我有一个自定义弹出功能。我想要的是浏览器的后退按钮，以关闭此弹出窗口。
我的理想情况是不在地址栏中显示标签。
我尝试将window.history.pushState('forward', null, '');放入我的showPopup()函数中，然后执行以下操作：
$(window).on('popstate', function () {
closePopup();
});
这确实有效，但问题是当我手动关闭弹出窗口时，我必须按两次后退按钮才能导航回上一页(显然是因为打开弹出窗口时添加了一个浏览器历史记录条目)。
做这件事的最好方法是什
浏览 3提问于2019-03-25得票数 7
1回答
历史api上的popstate事件不会触发。
javascript、html、html5-history
我有一个简单的代码来测试html5的历史api。
只是一些按钮
<button name="hey1" onClick="historytestone();">history test one</button>
<button name="hey2" onClick="historytesttwo();">history test two</button>
<button name="hey3" onClick="historytestthree();&
浏览 5提问于2014-05-18得票数 1
2回答
如果使用javascript按下了后退按钮，则警告web用户
javascript、html、web
嗨，我试着使用下面的javascript来警告用户。
window.onbeforeunload = function() {
return "Are you sure you wish to leave?";
};
但我需要确保后退按钮是按下的，它似乎在你更改url时调用此按钮。
谢谢
浏览 0提问于2021-10-27得票数 0
4回答
利用腾讯云GPU构建深度学习网络？
对象存储、深度学习
如题，本人（学生）想用腾讯云构建一个实验性的深度学习网络，具体要用到腾讯云的哪些服务呢？（GPU，COS），另外还需考虑较低的成本。。。
浏览 1122提问于2017-12-13
7回答
window.onunload在Chrome浏览器中无法正常工作。有人能帮我吗？
javascript、browser、onunload、window.onunload
我已经写了这段代码
function winUnload() {
alert("Unload Window");
MyMethod();
}
window.onunload = function() { winUnload(); }
这段代码在IE和Firefox中运行良好。但是这段代码不能在Chrome中运行。语句alert("Unload Window");和MyMethod();都不起作用。
浏览 1提问于2011-10-17得票数 38
3回答
javascript中的窗口卸载方法
javascript、jquery、window.location
为什么这段代码不能工作？
$(window).unload(function(){
window.location = 'http://www.google.com/';
});
浏览 0提问于2010-12-30得票数 1
回答已采纳
1回答
当用户关闭手机浏览器窗口时，如何采取措施？
javascript、jquery、signalr
我一直在使用这两个，它们大多工作得很好：
$(window).on('beforeunload', function() {});
$(window).on('unload', function() {});
我使用SignalR，这会触发服务器上的一个函数，该函数删除数据库中的记录。但是，当页面处于活动状态时，调查数据库会发现某些记录不会被删除。我也知道我有相当多的移动用户。移动浏览器不触发这些事件会不会有问题？我希望我能做些什么来解决这个问题。
浏览 1提问于2019-12-30得票数 1
2回答
为什么在重新加载页面时，卸载前的jQuery不会触发？
javascript、jquery、onbeforeunload
我读过许多关于这个问题的答案，但没有一个解决办法对我有效。jQuery文档很清楚：
当用户从页面导航时，unload事件被发送到window元素。这可能意味着许多事情之一。用户可以单击链接以离开页面，或者在地址栏中键入新的URL。“前进”和“后退”按钮将触发事件。关闭浏览器窗口将导致事件被触发。即使是页面重新加载，也会首先创建卸载事件。
但这些事件似乎都不会触发beforeunload事件。
JS
$(function () {
$(window).on('beforeunload', function(){
console.log("h
浏览 2提问于2016-06-17得票数 1
2回答
Jquery onunload断开用户连接
jquery、ajax
当"unload“事件被触发时，我正在尝试断开用户连接！
$(window).bind('unload', function() {
$.ajax({
url: "deconnexionUser.php",
async: false
});
});
它可以工作，但我不想使用"async : false“！
我该怎么做？
浏览 2提问于2013-01-21得票数 0
回答已采纳
2回答
使用React确认页面离开
javascript、reactjs、react-hooks、react-router
我目前正在做一个项目，在这个项目中，我想展示一个带有自己内容的自定义对话框(“离开前将数据保存到草稿中”)。我试过不同的方法，但找不到合适的方法。我探索了前面关于StackOverflow的所有问题，但在我的情况下，它们没有正常工作。
useEffect(() => {
return () => {
window.onbeforeunload = function() {
return "do you want save your data into drafts before leave?";
};
}
},[])
目前，我
浏览 14提问于2022-06-07得票数 0
回答已采纳
1回答
使用history.pushState()将两次推到历史记录后未触发Popstate事件
javascript、browser-history、event-listener、pushstate、popstate
我正在开发一个eshop，在该商店中，在iframes的页面上打开项目。我在用
history.pushState(stateObj, "page 2", http://localhost:8888/product-category/tyger/vara-tyger/?view=product&item=test-4);
为了让客户复制当前url并使用它转到当前页面，在iframe中打开项目。另外，我还用
window.addEventListener('popstate', manageHistory);
function manageHistory(
浏览 1提问于2016-08-05得票数 1
3回答
如何知道用户何时离开页面并刷新页面
javascript、jquery
我想在用户离开页面之前(所以基本上是在离开页面和刷新页面之前)进行一次AJAX调用？
如何做到这一点呢？我试着用jQuery搜索一些东西，但是什么也没找到。
我试着使用以下代码-
window.onbeforeunload(function(){alert('before unload');});
但在离开页面(关闭浏览器选项卡)或刷新页面时，警告框不会出现。
如何才能做到这一点？
浏览 0提问于2011-07-26得票数 7
回答已采纳
1回答
WebSocket -当窗口关闭时，可以运行自定义can函数吗？
javascript、websocket、oncloselistener
在JavaScript中，我实例化一个WebSocket，如下所示：
var webSocket = new WebSocket('wss://example.com:8081');
webSocket.onclose = function () {
// Custom function
}
但是，如果用户关闭浏览器窗口或退出浏览器，我的自定义onclose函数中的代码会运行吗？我尝试在那里放置一个Ajax调用和一个webSocket.send()函数，但都没有成功运行。
如果当窗口关闭或用户退出浏览器时，onclose不运行，那么当用户断开连接时，在服务器上运行自定义
浏览 0提问于2019-03-03得票数 1
回答已采纳
2回答
浏览器后退按钮更改动态url参数
javascript、jquery、angularjs、back-button、url-parameters
我在一个网站上工作，其中url参数根据用户操作进行更新，根据该参数，我在不刷新的情况下更新网页。考虑电子商务的场景，当用户点击过滤器时，url会改变，然后显示更新后的产品。
现在的问题是，当用户点击浏览器的后退按钮时，浏览器会返回到之前的url参数，但是页面并没有改变。我想改变的网页也根据网址参数，这是在后退按钮点击后发生变化。
我已经尝试过这个解决方案：
$($window).on('popstate', function (e) {
// Update the page also
});
这段代码的问题是，它会在url更改时触发，这意味着它并不关心浏览器的后退按钮
浏览 2提问于2015-10-23得票数 7
1回答
HTML :卸载前事件总是被触发吗？
javascript、html
要更新网站，我需要定期跟踪数据库中的状态字段。为了实现这一点，我设置了这样一个计时器；
var id = window.setInterval("getState()", 1000);
getState()每秒钟通过AJAX调用数据库，并返回特定状态字段的值。当浏览器窗口打开时，计时器正在运行。当用户关闭其浏览器窗口时，我需要清除计时器，这是我使用以下代码所做的：
window.addEventListener('beforeunload', function(event) {
setState(0);
clearInterval(id);
});
现在
浏览 3提问于2017-01-26得票数 0
回答已采纳
1回答
取消订阅PubNub通道以响应卸载事件
javascript、angularjs、pubnub
我正在构建一个多人游戏的角度使用PubNub服务，包括存在附加。
因为我需要检测是否有人意外地离开了游戏--为了向其他玩家发送信息并结束游戏--当用户刷新页面或转到其他网址时，我试图取消订阅。然而，在Chrome中-而不是FireFox -没有出现事件被触发，这可能意味着用户在离开页面之前没有被取消订阅。
代码：
$(window).bind("unload",function(e) {
PubNub.ngUnsubscribe({channel:$scope.game.channel});
e.preventDefault();
});
我知道
浏览 4提问于2014-07-15得票数 2
回答已采纳
1回答
jQuery卸载事件
jquery
在下面的事件中，有没有办法确定用户是否点击了链接、前进或后退按钮，或者在地址栏中输入了新的URL？
$(window).unload(function(e) {
// here
}
浏览 0提问于2012-03-21得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
