此代码在Firefox上运行良好,但我无法再在Chrome上运行卸载事件。Chrome是否停止支持卸载事件?
这是我的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript">
function pageHidden(evt) { alert("Are you sure 1?"); } //WORKS ON FIREFOX BUT NOT IN CHROME
window.addEventListener("pagehide", pageHidden, false);
window.onunload = function () { alert("Are you sure 2?"); } //TRIGGERS ON LOAD NOT ON UNLOAD
$(window).unload(function () { //WORKS ON FIREFOX BUT NOT IN CHROME
alert("Are you sure 3?");
});
</script>
</head>
<body>
TEST WEBSITE
<a href="http://www.iamawesome.com">external link</a>
</body>
</html>
如何使卸载事件在Chrome中工作?
谢谢!
答案:不要使用警报测试卸载事件;)
window.onunload = alert("Are you sure 2?");
这是不正确的。您将onunload
设置为alert
的结果,需要将其设置为一个函数:
window.onunload = function(){
alert("Are you sure?");
}
如果您想使用jQuery,这将适用于所有浏览器。
$(window).unload(function () {
alert("Are you sure?");
});
注意:它可能看起来在Chrome中不起作用,但确实如此。这是因为Chrome在onunload
事件中阻止了alert
。
尝试:
window.onbeforeunload = function () {
// code
};
或
window.onpagehide = function () {
// code
};
据我所知,一旦触发该事件,Chrome似乎会阻止警报。然而,您可以运行一些函数,但似乎不能运行任何与用户交互的函数。
从Chrome中的window.onbeforeunload:最新的修复程序是什么?,似乎,如果你只想弹出一条确认消息,那么你必须返回一个字符串,其中包含你设置为回调函数的消息。
window.onbeforeunload = function() {
// Some wrap up code (no alerts, confirms, redirects, etc)
return 'My confirmation messsage';
}
然后,文本"我的确认消息"将显示在Chrome选择的确认对话框中。Firefox在这里记录了这种行为。
您不触发任何东西,只需执行要添加为处理程序的表达式:
window.onunload = function(event) {
alert("Are you sure 2?");
};