javascript onbeforeunload事件用法

admin發表於2017-03-28

當離開頁面你的時候會觸發此事件,觸發此事件的條件有很多,下面做一下簡單羅列。

觸發條件如下:

1.關閉瀏覽器視窗。

2.重新整理網頁。

3.關閉當前網頁選項卡(在一些第三方瀏覽器不一定,比如360,最好自己測試一下)。

4.使用window.location.href跳轉。

上面是比較常見的幾種方式,可能還有其他的方式,大家可以自行總結。

瀏覽器相容:

1.完美相容IE、谷歌和Safari瀏覽器。

2.火狐瀏覽器不支援自定義文字提示。

3.Opera不支援此事件。

特別說明:

在IE6和IE7瀏覽器中點選如下連結也會觸發事件:

[HTML] 純文字檢視 複製程式碼
<a  href="javascript:void(0)">螞蟻部落</a>

解決方案很簡單,就是讓此連結的onclick事件處理函式返回值false。

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript"> 
window.onbeforeunload=function(){
  var warning="確認退出?";           
  return warning;   
}
window.onload=function(){
  var obt=document.getElementById("bt");
  obt.onclick=function(){
    window.open("http://www.softwhy.com/")
  }
}
</script> 
</head> 
<body> 
<input type="button" id="bt" value="檢視效果"/>
</body> 
</html>

相關文章