javascript - 如何使列表元素可编辑

Question

我正在尝试找到使列表元素在双击时可编辑的最佳方法。如果我有这样的设置:jsfiddle

HTML

<ul>
    <li>Hello</li>
    <li>World</li>
</ul>

JS

$('li').dblclick(function() {
   //something here?
});

编写双击操作以更改单击的列表元素的值的最佳方法是什么？

Answer 1

这使用 contentEditable

$('li').dblclick(function() {
   this.contentEditable=true
   $(this).on('keypress blur', function(e) {
     if(e.keyCode&&e.keyCode==13||e.type=='blur'){
      this.contentEditable=false
      return false
     }
   });
   $(this).focus()
});

http://jsfiddle.net/sjfqX/9/

编辑

添加了焦点()。谢谢@L105