javascript - 选择并聚焦 <a> 标签中的文本

Question

我有一个 div，它在点击时被编辑，编辑后的数据被保存回来。

现在我能够它聚焦，但不知何故无法选择所有文本并且聚焦在文本的末尾而不是开始.

<div class="edit-section"> 
    <a>Name</a>
</div>

 <a href='#' class="edit">Edit</a>

jQuery

 $('.edit').click(function () {
        $(this).siblings('.edit-section').focus();
        $(this).siblings('.edit-section').attr('contenteditable', 'true');
        $(this).siblings('.edit-section').attr('style', 'border:2px solid;');

    });

我试过跟随但似乎没有用。

 $(this).siblings('.edit-section').focus(function () { $(this).select() });

编辑:jQuery 新手

Answer 1

我认为您不能在 contenteditables 上调用 .select()，但是当元素获得焦点时尝试使用 execCommand 代替:

document.execCommand('selectAll', false, null);

演示:http://jsfiddle.net/F65D3/