更改資料後確認再離開效果(javascript)
December 15th, 2007
效果見Gmail,當在郵件資料被更改,而且沒有儲存的情況下進行離開或前往其他頁面的行為,瀏覽器會執行確認動作。
關鍵在 window.onbeforeunload
簡單應用(用上jquery):
var modified = false;
$(document).ready(function() {
$(”input, select, textarea”).change( function() {
modified = true;
});
});
window.onbeforeunload = function confirmExit(){
if (modified)
return ‘You are not saved yet, discard it?’;
}
參考資料:
http://msdn2.microsoft.com/en-us/library/ms536907.aspx
http://developer.mozilla.org/en/docs/DOM:window#Event_Handlers
Leave a Reply