javascript - 当文本区域包含更改而不保存更改时如何获得警报？

Question

我正在为像 jsfiddle.net 这样的 html 在线编辑器制作项目

我的问题是当文本区域包含更改但未保存更改时如何获得警报？

例如见下图

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?';
    }
};