0

我想制作一种表单类型的编辑器，它可以在页面上编辑文本并在每个字段的光标移出时提交更改。没有字体或样式更改，只有直框。

我看到了一些像JEditable这样的东西，但是这些框和按“确定”提交的需要似乎有点不吸引人且不直观。

我想知道是否只适用contentEditable="true"于每个元素。我想这会达到同样的效果。但是，由于它不是带有输入的表单，我想我将不得不通过 javascript 提交更改，但这对我的情况是可行的。（这似乎也比担心每个元素的 javascript 更简单，比如 JEditable 或类似的东西。

这是一个合理的解决方案吗？我不担心移动浏览器对站点的这个特定部分的支持（希望 iOS5 会支持它或其他东西......）。

4

1 回答 1

1

在代码方面，它需要看起来像这样：

$(".YourElementClassHere").click(function () { 
   $("#YourTextArea").position($(this).position());
   $("#YourTextArea").css("display", "block");
});

$("#YourTextArea").click(function() {
  if ( event.which == 13 ) {
     $("#YourTextArea").css("display", "none");
     // Do something to commit this: $("#YourTextArea").text();
  }
});

顺便说一句，这是 jQuery 语法，适用于不应该知道这一点的任何人。我希望这会有所帮助，因为我有点生疏，这个 javascript 可能需要一些改动。

于 2011-08-15T06:51:33.290 回答