jquery怎麼判斷關閉窗口

在一些網站中，有時我們需要在關閉網頁時做一些操作，例如提醒用戶保存數據，或者記錄用戶在網頁上的某些操作等等。這些操作都需要在使用者關閉網頁時自動觸發，而在jquery中提供了幾個方法可以判斷關閉視窗的事件。

一、beforeunload事件

beforeunload事件是當視窗、文件、框架被卸載或關閉時觸發的事件。這個事件會在真正的卸載或關閉之前被觸發，可以在這個事件中彈出提示框來提示使用者儲存資料或其他操作。

程式碼如下：

$(window).on('beforeunload', function() {
   return 'Are you sure you want to leave?';
});

這段程式碼中，beforeunload事件被綁定在window物件上。當使用者關閉或離開頁面時，會彈出一個提示框，詢問使用者是否確定要離開。用戶可以選擇留下或關閉視窗。

二、unload事件

unload事件是當視窗、文件、框架被卸載或關閉時觸發的事件。這個事件會在網頁被卸載或關閉之後觸發。可以在這個事件中記錄使用者在網頁上的某些操作等等。

程式碼如下：

$(window).on('unload', function() {
   // 记录用户离开时间
   var leaveTime = new Date();
   localStorage.setItem('leaveTime', leaveTime.getTime());
});

這段程式碼中，unload事件被綁定在window物件上。當使用者關閉或離開頁面時，會記錄使用者離開頁面的時間，並儲存在localStorage中。

三、可以同時使用beforeunload和unload事件

程式碼如下：

$(window).on('beforeunload', function() {
   // 提醒用户保存数据
   return 'Are you sure you want to leave?';
});
$(window).on('unload', function() {
   // 记录用户离开时间
   var leaveTime = new Date();
   localStorage.setItem('leaveTime', leaveTime.getTime());
});

這段程式碼中，同時綁定了beforeunload和unload事件。當使用者關閉或離開頁面時，會先彈出一個提示框，詢問使用者是否確定要離開。使用者可以選擇留下或關閉窗口，之後會記錄使用者離開頁面的時間，並儲存在localStorage中。

總結

在網頁中需要在使用者關閉或離開頁面時做一些操作時，可以使用beforeunload和unload事件。其中，beforeunload事件在真正關閉網頁之前觸發，可以在這個事件中彈出提示框；unload事件在網頁關閉之後觸發，可以在這個事件中記錄用戶的操作等等。同時可以同時使用這兩個事件，實現多種操作。

以上是jquery怎麼判斷關閉窗口的詳細內容。更多資訊請關注PHP中文網其他相關文章！