当关注contenteditable时删除选择

Question

小提琴1：http://jsfiddle.net/LmaYP/
小提琴2：http://liveweave.com/adAgUN

当我点击标题时，我将其设为contenteditable，然后我将其设置为焦点。我注意到在dblclick元素之后，选中了该元素上的文本。

我仍然想在dblclick之前和之后选择元素内的文本，但是当调用dblclick时我不想选择任何文本。

有没有解决这个问题？

$("header").on('dblclick', function() {
  $(this).prop('contenteditable', true).focus();
});

Answer 1

在这里，试试这个（fiddle）：

$("header").on('dblclick', function() {
    $(this).prop('contenteditable', true);
    window.getSelection().removeAllRanges();
    $(this).focus();
});

如果您想将光标设置到特定位置，请按照下列步骤操作：

Set cursor position on contentEditable <div>