javascript - IE10 中的 HTML/文本选择

Question

我需要通过给它一个 ID 选择器来选择一系列 HTML。我下面的内容在 Chrome 和 Firefox 中效果很好，但在 IE 10(标准模式)中却不行。 (旧版本的 IE 不是这个问题)

function selectElementContents(elementId) {
    var elemToSelect = document.getElementById(elementId);
    var selection= window.getSelection();
    var rangeToSelect = document.createRange();
    rangeToSelect.selectNodeContents(elemToSelect);
    //console.log(rangeToSelect);
    selection.removeAllRanges();
    selection.addRange(rangeToSelect);
}

演示:http://jsfiddle.net/7Jayc/

奇怪的是 console.log(rangeToSelect) 行绝对会在 IE 10 中记录正确的文本，但它不会选择它。

Answer 1

这对我来说适用于所有浏览器:

function selectElementContents(elementId) {
    var elemToSelect = document.getElementById(elementId);

    if (document.createRange) {     // all browsers but IE
        var selection = window.getSelection();
        var rangeToSelect = document.createRange();
        rangeToSelect.selectNodeContents(elemToSelect);
        //console.log(rangeToSelect);
        selection.removeAllRanges();
        selection.addRange(rangeToSelect);
    }
    else {      // IE
        var rangeObj = document.body.createTextRange();
        rangeObj.moveToElementText(elemToSelect);
        rangeObj.select();
    }
}