1. 程式人生 > >【JavaScript】離開頁面前提示

【JavaScript】離開頁面前提示

bin clas 什麽 || pos 窗體 art 提示 java

離開頁面前的提示不能夠用onunload去做,由於它僅僅是兼容IE,你要兼容Google與FireFox就蛋疼了。

並且這個事件還是關閉之後才會觸發的。

取而代之能夠用onbeforeunload去實現。

onbeforeunload能夠在用戶關閉或刷新窗體、或者點擊本頁內的不論什麽超級鏈接都會觸發的。

其JavaScript代碼例如以下:

<script>
window.onbeforeunload=function(e){   
	var e=window.event||e;
	e.returnValue=("確定離開當前頁面嗎?"); 
}
</script>

很簡短,一開始利用window.event與e的或,兼容瀏覽器。

其返回值就是提示信息。

在IE8的效果例如以下,第一行與最後一行是必須存在的。用戶點擊“取消”不會發生不論什麽事情,點擊“確定”則繼續之前的動作。

技術分享

在Google Chrome的效果例如以下。僅僅有最後一行是我們可以控制的,其他都是系統本身就有的東西,不可以被改寫。

技術分享

野狐禪的效果例如以下,其提示信息讀不出來,我也沒辦法,誰叫這個瀏覽器是野狐禪呢?

技術分享

這段東西,用JQuery則這樣寫:

$(window).bind('beforeunload',function(){
	return '提示信息';
	}
);
JQuery1.9自帶全瀏覽器兼容……

【JavaScript】離開頁面前提示