|
|
復(fù)制代碼 代碼如下:
<script type="text/Javascript" language="Javascript">
function bindunbeforunload()
{
window.onbeforeunload=perforresult;
}
function unbindunbeforunload()
{
window.onbeforeunload=null;
}
function perforresult()
{
return"當(dāng)前操作未保存，如果你此時(shí)離開(kāi)，所做操作信息將全部丟失，是否離開(kāi)?";
}
</script>
只需要將bindunbeforunload()方法注冊(cè)到要檢測(cè)的頁(yè)面上即可，你可以在body的onload或者document.ready中注冊(cè)這個(gè)方法，在這里我們采用的是window.onbeforeunload，即是在頁(yè)面即將卸載之前彈出提示框，好的，現(xiàn)在來(lái)測(cè)試一下，測(cè)試代碼：
復(fù)制代碼 代碼如下:
<html>
<head><title>this is id onbeforunload event test</title>
</head>
<script type="text/Javascript" language="Javascript">
function bindunbeforunload()
{
window.onbeforeunload=perforresult;
}
function unbindunbeforunload()
{
window.onbeforeunload=null;
}
function perforresult()
{
return"當(dāng)前操作未保存，如果你此時(shí)離開(kāi)，所做操作信息將全部丟失，是否離開(kāi)?";
}
</script>
<body onload="Javascript:return bindunbeforunload();">
<h1>test is start</h1>
<input type="button" value="綁定事件" id="btnBind" onclick="return biindunbeforunload();"/>
<input type="button" value="刪除綁定事件" id="btnUnBind" onclick="unbiindunbeforunload();"/>
</body>
</html>
上面的代碼就是我此次測(cè)試的所有代碼了，現(xiàn)在刷新頁(yè)面，嗯，很好，彈出了我們期望中的對(duì)話框。但是當(dāng)我在IE下打開(kāi)上述代碼時(shí)，我的“刪除事件綁定按鈕”沒(méi)有發(fā)揮作用，這讓我很崩潰，國(guó)內(nèi)3分之2的用戶都在使用IE，特別是在使用該死的IE6、7，如果我的代碼不能在IE6、7下正常的工作，那相當(dāng)于我的工作是白做了，當(dāng)然，獎(jiǎng)金的那些事情就更不用想了。辦法都是人想出來(lái)的，好吧，我利用一個(gè)全局變量來(lái)控制是否彈出對(duì)話框，修改后的"Javascript"代碼如下：
復(fù)制代碼 代碼如下:
<script type="text/Javascript" language="Javascript">
var goodexit=false;
function bindunbeforunload()
{
goodexit=false;
window.onbeforeunload=perforresult;
}
function unbindunbeforunload()
{
goodexit=true;
window.onbeforeunload=null;
}
function perforresult()
{
if(!goodexit)
{
return"當(dāng)前操作未保存，如果你此時(shí)離開(kāi)，所做操作信息將全部丟失，是否離開(kāi)?";
}
}
</script>
同時(shí)調(diào)用刪除綁定事件時(shí)，將變量goodexit的值更改為：true，表示用戶是正常退出，這樣自然不會(huì)彈出對(duì)話框了。
再測(cè)試一下，正常了，對(duì)，這就是我想要的結(jié)果！
本篇文章源于從Brandon Himes處而得，并且還是從google快照，源文鏈接已找不到，本來(lái)想翻譯的，但是本人水平實(shí)在有限，看得懂而已，如果翻譯得不好反而招罵，如果朋友們想看源文，請(qǐng)直接點(diǎn)擊這里，這是快照地址，可能一段時(shí)間后就不存在了。
JavaScript技術(shù)：window.onbeforeunload方法在IE下無(wú)法正常工作的解決辦法，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
