標籤:on() work warning event else text onload com 關閉
Onunload與Onbeforeunload
Onunload,onbeforeunload都是在重新整理或關閉時調用,可以在<script>指令碼中通過window.onunload來指定或者在<body>裡指定。區別在於onbeforeunload在onunload之前執行,它還可以阻止onunload的執行。
Onbeforeunload也是在頁面重新整理或關閉時調用,Onbeforeunload是正要去伺服器讀取新的頁面時調用,此時還沒開始讀取;而onunload則已經從伺服器上讀到了需要載入的新的頁面,在即將替換掉當前頁面時調用。Onunload是無法阻止頁面的更新和關閉的。而 Onbeforeunload 可以做到。曾經做一個考試系統,涉及到防止使用者半途退出考試(有意或者無意),代碼如下:
Java代碼
<script type="text/javascript">
<!--
window.onbeforeunload = onbeforeunload_handler;
window.onunload = onunload_handler;
function onbeforeunload_handler(){
var warning="確認退出?";
return warning;
}
function onunload_handler(){
var warning="謝謝光臨";
alert(warning);
}
// -->
</script>
<script type="text/javascript">
<!--
window.onbeforeunload = onbeforeunload_handler;
window.onunload = onunload_handler;
function onbeforeunload_handler(){
var warning="確認退出?";
return warning;
}
function onunload_handler(){
var warning="謝謝光臨";
alert(warning);
}
// -->
</script>
Java代碼
這段代碼在FF和IE上都能正確執行.再點擊關閉按鈕時首先觸發obbeforeunload事件,點擊否定時不執行onload事件.
這段代碼在FF和IE上都能正確執行.再點擊關閉按鈕時首先觸發obbeforeunload事件,點擊否定時不執行onload事件.Java代碼
通常應用在 登出session等等登陸資訊 等方面....
通常應用在 登出session等等登陸資訊 等方面....Java代碼
這裡一併推薦一個ActionScript3的好教程: <A href="http://gskinner.com/talks/as3workshop/">http://gskinner.com/talks/as3workshop/</A>
這裡一併推薦一個ActionScript3的好教程: http://gskinner.com/talks/as3workshop/寫道
運用onunload事件判斷瀏覽器是重新整理還是關閉視窗
寫道
function CloseOpen(event) {
if(event.clientX<=0 && event.clientY<0) {
alert("關閉");
}
else
{
alert("重新整理或離開");
}
}
Java代碼
window.onbeforeunload = function() //author: meizz
{
var n = window.event.screenX - window.screenLeft;
var b = n > document.documentElement.scrollWidth-20;
if(b && window.event.clientY < 0 || window.event.altKey)
{
alert("是關閉而非重新整理");
window.event.returnValue = ""; //這裡可以放置你想做的作業碼
}
}
JS監聽瀏覽器事件