2015-04-20 163 views
0

使用DOM API和/或JQuery,有什麼方法可以檢測用戶何時啓動導航事件(例如,通過單擊帶有效hrefa元素),並將偵聽器綁定到它將在檢索並呈現新的HTML頁面之前執行?聆聽HTML導航事件

回答

2

DEMOhttp://jsfiddle.net/se8osjsj/1/

$(window).on("beforeunload", function() { 
    // do stuff here 
    return "You are leaving this page, are you sure?"; 
}); 

或者乾脆:

window.onbeforeunload = function(event) { 
    // do stuff here 
    return "You are leaving this page, are you sure?"; 
}; 

onbeforeunload事件發生時n該文件即將被卸載,即 。

此事件允許您在確認對話框 中顯示一條消息,以通知用戶他/她是想留下還是離開 當前頁面。

出現在確認框中的默認消息在不同的瀏覽器中與 不同。但是,標準消息類似於 「您確定要離開此頁?」。此消息不能被 刪除。

但是,您可以編寫自定義消息以及默認的 消息。見本頁面的第一個例子。

注意:如果onbeforeunload事件沒有被分配到 元素,你必須指定/ window對象的附加事件, 使用returnValue屬性來創建自定義消息(見下面的語法 的例子)。

注意:在Firefox中,只會顯示默認消息(不是 自定義消息(如果有))。

來源:http://www.w3schools.com/jsref/event_onbeforeunload.asp