试试这个
function SelectText(element) {
var doc = document;
var text = doc.getElementById(element);
if (doc.body.createTextRange) {
var range = document.body.createTextRange();
range.moveToElementText(text);
range.select();
} else if (window.getSelection) {
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(text);
selection.removeAllRanges();
selection.addRange(range);
}
}
$(function() {
$('.select').click(function() {
SelectText('selectme');
});
});
从https://stackoverflow.com/a/987376/1330581
获得实施例http://jsfiddle.net/edelman/KcX6A/339/
更新:
选择相同的点击的元素的含量:
function SelectText(element) {
var doc = document;
var text = element;
if (doc.body.createTextRange) {
var range = document.body.createTextRange();
range.moveToElementText(text);
range.select();
} else if (window.getSelection) {
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(text);
selection.removeAllRanges();
selection.addRange(range);
}
}
$(function() {
$('.select').click(function() {
SelectText($(this)[0]); //Brackets are more efficiently that .get(0) method
});
});
的例子:http://jsfiddle.net/qBaWf/
这里是没有jquery的类似的问题:http://stackoverflow.com/questions/1173194/select-all-div单击鼠标单击 – lcoronelp 2012-07-17 01:33:56
[jQuery:选择元素中的文本(类似于使用鼠标突出显示)]的可能重复](http://stackoverflow.com/questions/985272/jquery-selecting-text-与鼠标突出显示的元素相同) – 2012-07-17 01:54:35
所有链接的重复可能性仅为ID选择的元素提供解决方案。这个问题(和解决方案)用于突出显示Class选定的项目。 – nipponese 2012-07-17 20:34:54