web-dev-qa-db-ja.com

JavaScriptでテキストを選択

JavaScriptでテキストをどのように強調表示しますか?私は試しました http://jsfiddle.net/WdeTM/ が動作しません。

<span id="foo" >bar</span>
document.getElementById("foo").focus();
13
user1365010

さて、まず第一に、JSを使用してテキストを選択するにはどうすればよいですか?

強調表示はテキストの選択とは異なります(はい、タイトルは良好です!)

これは役立つはずです:

作業デモ

function selectText(element) {
    var doc = document;
    var text = doc.getElementById(element);    

    if (doc.body.createTextRange) { // ms
        var range = doc.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) { // moz, opera, webkit
        var selection = window.getSelection();            
        var range = doc.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}

selectText('foo');

私の長い間保存されたsniplrスニペット、クレジットの元の作者を見つけました。@ Jasonスレッド ここ

70