ContentEditable的标志?

时间:2012-06-01 11:18:19

标签: javascript jquery html contenteditable

奇怪...... StackOverflow上有关于attr的大量问题,但没有人回答我的下列问题:

我有span(仅举例),其中已启用ContentEditable。我只想保存更改的元素(通过jQuery和ajax)。

问题:

如何确保元素是否已更改?

newVAl==oldVal不是一个选项:我不想保存旧值来进行比较。

是否有任何标志(或其他指示符)表明:“isChanged”?

2 个答案:

答案 0 :(得分:2)

尝试使用如下的html5数据属性:

$('element').change(function() {
    $(this).attr('data-edited', true);
});

<强> Demo

答案 1 :(得分:0)

$('[contenteditable]').focus(function(){
      $(this).attr("data-old",$(this).html());
}).blur(function(){
   if( $(this).html() != $(this).attr("data-old") ){
       changed, save ... 
   }
});

更新

Demo on jsfiddle