如何使列表元素可编辑

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/

编辑

增加焦点().thx @ L105