Tim的方法非常适合我的情况-在替换以下语句后，为IE和FF选择div中的文本:

range.moveToElementText(text);

与以下:

range.moveToElementText(el);

通过下面的jQuery函数点击它来选择div中的文本:

$(function () {
    $("#divFoo").click(function () {
        selectElementText(document.getElementById("divFoo"));
    })
});

我喜欢lepe的回答，除了几件事:

浏览器嗅探，不管有没有jQuery都不是最佳选择 干 如果obj的父对象不支持createTextRange，则在IE8中无法工作 Chrome的能力使用setbaseanddextent应该被利用(IMO) 不会选择跨越多个DOM元素(“选定”元素中的元素)的文本。换句话说，如果在包含多个span元素的div上调用selText，它将不会选择每个元素的文本。这对我来说是一个致命伤，YMMV。

这是我想到的，并向麻风病的答案致敬。我相信我会被嘲笑，因为这可能有点笨拙(实际上可能更严重，但我跑题了)。但它有效，避免了浏览器嗅探，这就是重点。

selectText:function(){

    var range,
        selection,
        obj = this[0],
        type = {
            func:'function',
            obj:'object'
        },
        // Convenience
        is = function(type, o){
            return typeof o === type;
        };

    if(is(type.obj, obj.ownerDocument)
        && is(type.obj, obj.ownerDocument.defaultView)
        && is(type.func, obj.ownerDocument.defaultView.getSelection)){

        selection = obj.ownerDocument.defaultView.getSelection();

        if(is(type.func, selection.setBaseAndExtent)){
            // Chrome, Safari - nice and easy
            selection.setBaseAndExtent(obj, 0, obj, $(obj).contents().size());
        }
        else if(is(type.func, obj.ownerDocument.createRange)){

            range = obj.ownerDocument.createRange();

            if(is(type.func, range.selectNodeContents)
                && is(type.func, selection.removeAllRanges)
                && is(type.func, selection.addRange)){
                // Mozilla
                range.selectNodeContents(obj);
                selection.removeAllRanges();
                selection.addRange(range);
            }
        }
    }
    else if(is(type.obj, document.body) && is(type.obj, document.body.createTextRange)) {

        range = document.body.createTextRange();

        if(is(type.obj, range.moveToElementText) && is(type.obj, range.select)){
            // IE most likely
            range.moveToElementText(obj);
            range.select();
        }
    }

    // Chainable
    return this;
}

就是这样。你看到的一些是为了可读性和/或便利性。在Mac上测试最新版本的Opera, Safari, Chrome, Firefox和IE。也在IE8中测试过。此外，我通常只声明变量，如果/当需要在代码块内，但jslint建议它们都声明在顶部。jslint。

编辑 我忘记了如何将其绑定到操作代码中:

function SelectText(element) {
    $("#" + element).selectText();
}

干杯

我也在寻找同样的东西，我的答案是:

$('#el-id').focus().select();

看看Selection对象(Gecko引擎)和TextRange对象(Trident引擎)。我不知道是否有JavaScript框架实现了这种跨浏览器支持，但我也从未寻找过，所以甚至jQuery也可能具有这种支持。

Jason的代码不能用于iframe内的元素(因为作用域不同于window和document)。我修复了这个问题，我修改了它，以便用于任何其他jQuery插件(可链):

示例1:选择< code >标签内的所有文本，单击并添加类"selected":

$(function() {
    $("code").click(function() {
        $(this).selText().addClass("selected");
    });
});

例2:单击按钮，选择Iframe中的一个元素:

$(function() {
    $("button").click(function() {
        $("iframe").contents().find("#selectme").selText();
    });
});

注意:请记住iframe源应该位于同一个域中，以防止安全错误。

jQuery插件:

jQuery.fn.selText = function() {
    var obj = this[0];
    if ($.browser.msie) {
        var range = obj.offsetParent.createTextRange();
        range.moveToElementText(obj);
        range.select();
    } else if ($.browser.mozilla || $.browser.opera) {
        var selection = obj.ownerDocument.defaultView.getSelection();
        var range = obj.ownerDocument.createRange();
        range.selectNodeContents(obj);
        selection.removeAllRanges();
        selection.addRange(range);
    } else if ($.browser.safari) {
        var selection = obj.ownerDocument.defaultView.getSelection();
        selection.setBaseAndExtent(obj, 0, obj, 1);
    }
    return this;
}

我在IE8、Firefox、Opera、Safari和Chrome(目前的版本)中进行了测试。我不确定它是否适用于旧的IE版本(我真的不在乎)。

下面是一个没有浏览器嗅探和不依赖jQuery的版本:

function selectElementText(el, win) {
    win = win || window;
    var doc = win.document, sel, range;
    if (win.getSelection && doc.createRange) {
        sel = win.getSelection();
        range = doc.createRange();
        range.selectNodeContents(el);
        sel.removeAllRanges();
        sel.addRange(range);
    } else if (doc.body.createTextRange) {
        range = doc.body.createTextRange();
        range.moveToElementText(el);
        range.select();
    }
}

selectElementText(document.getElementById("someElement"));
selectElementText(elementInIframe, iframe.contentWindow);