web-dev-qa-db-ja.com

JavaScriptを使用してすべてのテキストを選択解除する機能はありますか？

選択したすべてのテキストを選択解除するだけの関数がJavaScriptにありますか？ document.body.deselectAll();などのような単純なグローバル関数でなければならないと思います。

javascriptselection
79
NoodleOfDeath

これを試して：

function clearSelection()
{
 if (window.getSelection) {window.getSelection().removeAllRanges();}
 else if (document.selection) {document.selection.empty();}
}

これにより、主要なブラウザの通常のHTMLコンテンツの選択がクリアされます。 Firefoxでは、テキスト入力または<textarea>の選択はクリアされません。

133
Ankur

以下は、テキスト入力やテキストエリア内を含め、選択をクリアするバージョンです。

デモ： http://jsfiddle.net/SLQpM/23/

function clearSelection() {
    var sel;
    if ( (sel = document.selection) && sel.empty ) {
        sel.empty();
    } else {
        if (window.getSelection) {
            window.getSelection().removeAllRanges();
        }
        var activeEl = document.activeElement;
        if (activeEl) {
            var tagName = activeEl.nodeName.toLowerCase();
            if ( tagName == "textarea" ||
                    (tagName == "input" && activeEl.type == "text") ) {
                // Collapse the selection to the end
                activeEl.selectionStart = activeEl.selectionEnd;
            }
        }
    }
}
26
Tim Down

Internet Explorerの場合、document.selectionオブジェクトの empty method を使用できます。

document.selection.empty（）;

クロスブラウザソリューションについては、次の回答を参照してください。

Firefoxで選択を解除する

6
Luke Girvin

少なくとも10文字のtextarea要素の場合、以下が少し選択を行い、2秒半後に選択を解除します。

var t = document.getElementById('textarea_element');
t.focus();
t.selectionStart = 4;
t.selectionEnd = 8;

setTimeout(function()
{
 t.selectionStart = 4;
 t.selectionEnd = 4;
},1500);
0
John