javascript - 在鼠标悬停时选择 div 中的文本

Question

我有一个问题，我想选择 div 内的文本，这里是 jsfiddle http://jsfiddle.net/KL6G3/

html:

<div id="connect">some text some text: <div id="select" onmouseover="this.focus();this.select();">when you hover over therer, it gets selected</div></div>

CSS:

#connect {
    resize: none;
    font-family: 'Ubuntu', sans-serif;
    text-transform: uppercase;
    position: relative;
    top: 4px;
    border: none;
}
#connnect:focus {
    border: none;
}
#select {
     display: inline-block;   
}

当我将鼠标悬停在#select 上时，文本没有被选中，我做错了什么？

谢谢

Answer 1

this.focus(); 和 this.select(); 仅适用于 input 和 textarea.

这里有一个简单的方法:

将 contenteditable 属性分配给该特定元素。如果用户将焦点设置到 editable div 中，则选择可编辑 div 的内容。

<div contenteditable="true" onmouseover="document.execCommand('selectAll',false,null)" id="connect">some text some text: <div>when you hover over therer, it gets selected</div></div>

JSFiddle Demo