Jquery:当你点击它时有没有办法突出显示Div的文字？

Question

使用Jquery有一种方法可以突出显示/选择(如果有人用鼠标选择它)我点击的div内的文本？不是文本框,只是普通的div.

我正在尝试创建一个"短网址"框,当有人点击文本区时,它会突出显示所有文本,但它也不需要允许人们更改文本框中的文本,但是当文本框被禁用时不能选择任何文字,所以我想这样做,我只是觉得div最容易.

对不起,伙计们我最初没有很好地解释我的意思,上面添加了信息以澄清.

Answer 1

是的,这不是关于背景颜色,而是关于选择文本.

首先将输入设置为readonly,阻止人们更改值:

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

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

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

你应该按照你认为合适的方式设置这个输入的样式,也许是为了使它看起来像一个正常的文本,看看这个jsFiddle进一步演示.