jquery / javascript将纯文本消息转换为文本输入字段

我有以下要求：

创建一个纯文本字段，在单击编辑触发器时转换为文本输入元素。 离开输入元素时，文本将存储在数据库中，并且字段将转换回带有新内容的纯文本字段。 当在输入中按下ESC时，将恢复最近的值。 为此，我使用以下代码：

some text
 
[EDIT]
 
  
  $('#trigger').click(function() { var t = $('#text').detach(); var e = $('#input').detach(); $('#storage').append(t); $('#value').append(e); e.focus(); }); $('#input').blur(function() { var t = $('#text').detach(); var e = $('#input').detach(); if (t.text() != e.val()) { $.getJSON(...); } $('#storage').append(e); $('#value').append(t); }); $('#input').keyup(function(event) { if (event.which == 27) { $('#input').val($('#text').text()); $('#input')[0].blur(); } });  

感谢@nnnnnn现在可行。 但是，是否有一种更简单的方法可以使用一些预先存在的API函数来实现它？

非常感谢。

Answer 1

使用jquery editable这里是一个链接

用于演示： http ： //www.appelsiini.net/projects/jeditable/default.html

对于插件主页http://www.appelsiini.net/projects/jeditable

Answer 2

我开发了一个可以满足您需求的插件：

$ .convertTo

我希望它会有所帮助，问候。