關閉頁面之前提示使用者（確定跳轉，取消停留）----使用window.onbeforeunload

阿新 • • 發佈：2019-01-21

Detecting When The User Has Clicked Cancel

One of the things you may want to do is to be notified when the user clicks cancel, aborting a page unload. Unfortunately there's no way to be immediately notified. The best you can do is to set a unique global variable in your "onbeforeunload" event and then look to see if that variable has been set in other functions. There is no way to get an immediate notification that the user has aborted a page unload.

The example code I used above to do an example of an "onbeforeunload" dialog is as follows:

Java程式碼

var _isset=0;
function demo() {
window.onbeforeunload = function () {
if (_isset==0) {
_isset=1; // This will only be seen elsewhere if the user cancels.
return

"This is a demonstration, you won't leave the page whichever option you select.";
}
}
_isset=0;
window.location.reload();
return false;
}

This code defines a global variabled named _isset, and then initializes it to zero. In our "onbeforeunload" event the variable is checked and if it's set to one, no unload dialog box will appear. The only way _isset could ever be one is if the user previously aborted a page unload.

But as you can see this method won't help you if you need to be immediately notified that that the user has finished dealing with the confirmation box. You can detect when it appears on the screen but there's no way to know when the user has finished interacting with it if the user clicked cancel (if the user clicked OK, then of course the unload event will have been tripped).
--------------------------------------------------------------
雖然如此，但還是有高手給出瞭如下程式碼 ^^

Java程式碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>onbeforeunload test</title>
<script type="text/javascript"><!--
window.onbeforeunload = function() {
// in Firefox and Netscape 7.2+ the setTimeout or setInterval do not wait
// to be executed until after the user clicks one of the buttons in the
// confirm()-like box.
//setTimeout("alert('hi from setTimeout()');",500);
// setTimeout() and setInterval() aren't called when ok is clicked in
// IE5-6/Win, but is called in IE7 when the time is short, but not when
// it's longer, like 500 (a half second).
window.unloadTimer = setInterval(
"alert('hi from setInterval()');clearInterval(window.unloadTimer);",500);
window.onunload = function() {clearInterval(window.unloadTimer);}
return 'onbeforeunload testing';
}
// -->
</script>
</head>
<body>
<h1>onbeforeunload test</h1>
</body>
</html>

Java程式碼

<script type="text/javascript">
//<![CDATA[
var
is_asked = false;
window.onbeforeunload =
function (ev) {
var e = ev || window.event;
window.focus();
if (!is_asked){
is_asked = true;
var showstr = "CUSTOM_MESSAGE";
if (e) { //for ie and firefox
e.returnValue = showstr;
}
return showstr; //for safari and chrome
}
};
window.onfocus =
function (ev){
if (is_asked){
window.location.href = "http://www.google.com";
}
}
//]]>
</script

關閉頁面之前提示使用者（確定跳轉，取消停留）----使用window.onbeforeunload

關閉頁面之前提示使用者（確定跳轉，取消停留）----使用window.onbeforeunload

Markdown基礎（內含：錨點使用，使用HTML，新頁面跳轉，目錄生成）

阻止 android webview 中的連結跳出APP（即跳轉到系統瀏覽器）

html 中a標籤的問題（無反應，跳轉，呼叫方法）

Android使用okhttp封裝多檔案批量下載（帶進度條，取消下載）

shiro登入驗證（登入跳轉到指定頁面，驗證碼驗證，不登出之前已登入使用者下，再次登入）

jQuery使用ajaxSubmit()提交表單（在不希望頁面跳轉的情況下）

各種頁面定時跳轉（倒計時跳轉）代碼總結

wamp下DVWA登入頁面無法訪問（或輸入login直接跳轉到setup介面）的解決辦法

servlet中實現提示登入成功後跳轉到某一頁面

小宗的啟示：不同型別的liferay使用者登入到不同頁面（登入跳轉個性化）——liferay5.0.1使用者登入後的跳轉（二）

關閉頁面時提示是否關閉

hao643.com劫持（修改快捷方式跳轉至hao123.com）

hao643.com劫持（IE和Chrome等被修改快捷方式跳轉到hao123.com）

減少頁面加載時間（感知或實際加載時間）的方法。

頁面定時刷新或自動跳轉

【前臺】整個項目實現單頁面跳轉，拋棄iframe

利用cookie，實現刷新頁面跳轉，左側菜單點擊後狀態保持不變。

nginx填坑補充（nginx根據上下文跳轉ip或者域名）

頁面跳轉，A跳到B，B再返回A時自動定位到離開A時的位置

關閉頁面之前 提示使用者（確定跳轉，取消停留）----使用window.onbeforeunload

相關推薦

關閉頁面之前提示使用者（確定跳轉，取消停留）----使用window.onbeforeunload