javascript - JSjQuery: How to highlight or select a text in a textarea? - Stack Overflow

admin管理员组

文章数量:1317572

I don't want to highlight text (by changing background color to yellow - NO), I just want to select a portion of the text inside textarea, exactly as if the user clicked and hold the click then moved the mouse to highlight only a portion of the text

How to do that? is it possible?

I don't want to highlight text (by changing background color to yellow - NO), I just want to select a portion of the text inside textarea, exactly as if the user clicked and hold the click then moved the mouse to highlight only a portion of the text

How to do that? is it possible?

• javascript
• jquery

Share Improve this question Follow asked Jan 6, 2011 at 13:31 evilReikoevilReiko 20.5k2424 gold badges9191 silver badges108108 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 7

http://help.dottoro./ljtfkhio.php

Example 1 would be relevant in your case:

        function Select () {
            var input = document.getElementById ("myText");
            if (input.selectionStart === undefined) {   // Internet Explorer
                var inputRange = input.createTextRange ();
                inputRange.moveStart ("character", 1);
                inputRange.collapse ();
                inputRange.moveEnd ("character", 1);
                inputRange.select ();
            }
            else {      // Firefox, Opera, Google Chrome and Safari
                input.selectionStart = 1;
                input.selectionEnd = 2;
                input.focus ();
            }
        }

In non-IE browsers, this is easy: you can set the values of the textarea's selectionStart and selectionEnd properties, or use the setSelectionRange() function (although I've never been clear why that method is present: it seems unnecessary). In IE, however, it's a bit more plicated. Here's a cross-browser function that does it:

var setInputSelection = (function() {
    function offsetToRangeCharacterMove(el, offset) {
        return offset - (el.value.slice(0, offset).split("\r\n").length - 1);
    }

    return function(el, startOffset, endOffset) {
        el.focus();
        if (typeof el.selectionStart == "number" && typeof el.selectionEnd == "number") {
            el.selectionStart = startOffset;
            el.selectionEnd = endOffset;
        } else {
            var range = el.createTextRange();
            var startCharMove = offsetToRangeCharacterMove(el, startOffset);
            range.collapse(true);
            if (startOffset == endOffset) {
                range.move("character", startCharMove);
            } else {
                range.moveEnd("character", offsetToRangeCharacterMove(el, endOffset));
                range.moveStart("character", startCharMove);
            }
            range.select();
        }
    };
})();

var textarea = document.getElementById("foo");

// Select the text between the second and third characters inclusive
setInputSelection(textarea, 1, 3); 

you can use this plugin

http://www.dennydotnet./post/TypeWatch-jQuery-Plugin.aspx

you have a callback function after the user has "finished" typing , and more things..

本文标签： javascriptJSjQuery How to highlight or select a text in a textareaStack Overflow