当div模糊检查内容更改？

Question

我已经建立了有功能的onblur

<div class="inline-edit" contenteditable="true"></div> 

$(document).ready(function(){ 
$('div.inline-edit').blur(function() 
{ 
    //functionality 
}); 
}); 

一些内容编辑的div和所有工作爵为我设置的功能。

然而问题是，即使模糊甚至激发，功能也会始终发生，即使可编辑div中的内容永远不会改变！

由于平变化方法仅适用于输入/文本域等 我很好奇，如果有一个简单的办法〜像做：

$(document).ready(function(){ 
$('div.inline-edit').blur(function() 
{ 
    if($('div.inline-edit').contentChanged()) 
    { 
    //functionality 
    } 
}); 
}); 

Answer 1

你也可以寻找keypress的div内。

var changed = false; 

$('#your-div').keypress(function(){ 
    changed = true; 
}); 

或者如果您的div数据非常简单，您可以保存原始内容并在需要时进行比较。

Answer 2

如果仅仅使用1个格，我会成立了一个旧的和新的变量，并比较他们模糊。

$(document).ready(() => { 
    var oldVal = $('.inline-edit').val(); 

    $('.inline-edit').blur(() => { 
    let newVal = $('.inline-edit').val(); 

    if (newVal === oldVal) { 
     return 
    } 

    //functionality 
    }); 

});