javascript onbeforeunload事件用法
當離開頁面你的時候會觸發此事件,觸發此事件的條件有很多,下面做一下簡單羅列。
觸發條件如下:
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>
相關文章
- JavaScript this用法JavaScript
- JavaScript用法JavaScript
- FileReader 事件用法事件
- jQuery paste事件用法jQueryAST事件
- JavaScript事件JavaScript事件
- JavaScript 事件JavaScript事件
- JavaScript delete用法JavaScriptdelete
- javascript hasOwnProperty() 用法JavaScript
- Javascript 的 this 用法JavaScript
- Javascript Promise用法JavaScriptPromise
- javaScript事件(一)事件流JavaScript事件
- javaScript事件(三)事件物件JavaScript事件物件
- oncopy和onpaste事件用法AST事件
- jQuery 事件用法詳解jQuery事件
- 模型事件幾種用法模型事件
- JavaScript dragstart 事件JavaScript事件
- JavaScript drag 事件JavaScript事件
- JavaScript dragend 事件JavaScript事件
- JavaScript dragenter 事件JavaScript事件
- JavaScript dragover 事件JavaScriptGo事件
- JavaScript dragleave 事件JavaScript事件
- JavaScript drop 事件JavaScript事件
- JavaScript storage 事件JavaScript事件
- JavaScript mouseout 事件JavaScript事件
- JavaScript事件模型JavaScript事件模型
- JavaScript mouseenter 事件JavaScript事件
- JavaScript animationIteration 事件JavaScript事件
- JavaScript animationStart 事件JavaScript事件
- JavaScript dblclick 事件JavaScript事件
- JavaScript mousemove 事件JavaScript事件
- JavaScript input 事件JavaScript事件
- JavaScript hashchange 事件JavaScript事件
- JavaScript reset 事件JavaScript事件
- JavaScript resize 事件JavaScript事件
- JavaScript mousedown 事件JavaScript事件
- JavaScript focus 事件JavaScript事件
- JavaScript blur 事件JavaScript事件
- JavaScript mouseup 事件JavaScript事件