Jquery:有没有办法在单击 Div 时突出显示它的文本？

Question

使用 Jquery 有没有办法突出显示/选择(就像有人用鼠标选择它一样)我点击的 div 内的文本？不是一个文本框，只是一个普通的 div。

我正在尝试制作一个“短网址”框，当有人单击文本区域时，它会突出显示所有文本，但它也需要不允许人们更改文本框中的文本，但是当文本框已禁用，您无法选择任何文本，所以我正在尝试这样做，我只是认为 div 是最简单的。

抱歉，我一开始没有很好地解释我的意思，在上面添加了信息来澄清。

Answer 1

是的，这与背景颜色无关，而是与选择文本有关。

首先将输入设置为只读，阻止人们更改值:

<input type="text" readonly="readonly" value="ABC" />

然后使用 jQuery(或类似的)在单击文本后选择文本:

$('input').click(function() {
    $(this).select(); 
});

您应该按照您认为合适的方式设置此输入的样式，也许可以使其看起来像普通的文本，take a look at this jsFiddle进行进一步演示。