如何在文本區域包含更改而不保存更改時獲取警報？

Question

我在網上編輯HTML項目像jsfiddle.net

我的問題是如何得到警報時，文本區域包含更改而不保存更改？

例如見下圖

Answer 1

嘗試使用window.onbeforeunload一樣，

var $formData=$('#myform').serialize(); 
window.onbeforeunload = function(){ 
    if($formData!=$('#myform').serialize()){ 
     return 'Are you sure you want to leave?'; 
    } 
}; 

或者，您也可以做到這一點通過使用.data()一樣，

var $myForm=$('#myform'); 
$myForm.data('initialData',$myForm.serialize());  
window.onbeforeunload = function(){ 
    if($myForm.data('initialData') != $myForm.serialize()){ 
     return 'Are you sure you want to leave?'; 
    } 
};