如果文本区域包含更改而没有保存更改，如何获取警报？

Question

我正在为js的在线编辑器制作项目，如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?';
    }
};