js 實作在離開頁面時提醒未儲存的資訊(減少使用者重複操作)_javascript技巧

Javascript程式碼

複製程式碼 程式碼如下:

程式碼如下:


頁面時判斷是否有未儲存的輸入值
var hasSaved = false;//是否有輸入的內容未儲存標誌，初始值為false
function CheckUnsave(){
if(hasSaved==false ){
alert("您上傳的東西尚未儲存，請儲存後再離開頁面");
return false;}
//return true; //不能加這個語句
}

//保存了則改變狀態
function ChangeState()
{

hasSaved = true;
}

在body中加入屬性onbeforeunload Html代碼

複製代碼

代碼如下:

要在提交action之前呼叫ChangeState. 如果按下某個按鈕後離開頁面則不再提醒，例如儲存的按鈕，則要在儲存的按鈕按下以後，要修改下是否儲存的標誌符號的狀態eg： Html程式碼

複製程式碼 程式碼如下: