使用jQuery选择输入框内的部分字符串 [英] Selecting Part of String inside an Input Box with jQuery

问题描述

我试图弄清楚如何使用jQuery突出显示输入框内部文本的某些部分。突出显示输入框的全部内容非常简单，但是如何突出显示一个单词或几个字母？

I am trying to figure out how to highlight just some part of text inside an input box using jQuery. It's quite simple to highlight the entire contents of the input box but how do you highlight just one word or couple of letters?

谢谢！

推荐答案

对于文本< input> 元素，以下内容将完成此任务。该示例仅在输入中选择单词two：

For text <input> elements, the following will do the job. The example selects just the word "two" in the input:

function setInputSelection(input, startPos, endPos) {
    input.focus();
    if (typeof input.selectionStart != "undefined") {
        input.selectionStart = startPos;
        input.selectionEnd = endPos;
    } else if (document.selection && document.selection.createRange) {
        // IE branch
        input.select();
        var range = document.selection.createRange();
        range.collapse(true);
        range.moveEnd("character", endPos);
        range.moveStart("character", startPos);
        range.select();
    }
}

document.getElementById("setSelection").onmousedown = function() {
    var input = document.getElementById("i");
    setInputSelection(input, 4, 7);
    return false;
};

<input id="i" type="text" value="One two three">
<input type="button" value="Set selection" id="setSelection">

这篇关于使用jQuery选择输入框内的部分字符串的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！