JavaScript получает слово перед курсором - PullRequest
Новая
       28

JavaScript получает слово перед курсором

16 голосов
/ 01 апреля 2012

Хорошо, я искал во всем Интернете, чтобы найти решение, но я не смог найти его, есть ли способ получить слово перед позицией каретки в редактируемом элементе div, примерно так: 

This is some| demo texts

Это должно вернуть слово "некоторые" ... Я не знаю, возможно ли это, я был бы рад любой помощи, спасибо:).

Ответы [ 3 ]

20 голосов
/ 01 апреля 2012

При использовании метода определения положения каретки здесь это будет делать то, что вы хотите. 

function ReturnWord(text, caretPos) {
    var index = text.indexOf(caretPos);
    var preText = text.substring(0, caretPos);
    if (preText.indexOf(" ") > 0) {
        var words = preText.split(" ");
        return words[words.length - 1]; //return last word
    }
    else {
        return preText;
    }
}

function AlertPrevWord() {
    var text = document.getElementById("textArea");
    var caretPos = GetCaretPosition(text)
    var word = ReturnWord(text.value, caretPos);
    if (word != null) {
        alert(word);
    }

}

function GetCaretPosition(ctrl) {
    var CaretPos = 0;   // IE Support
    if (document.selection) {
        ctrl.focus();
        var Sel = document.selection.createRange();
        Sel.moveStart('character', -ctrl.value.length);
        CaretPos = Sel.text.length;
    }
    // Firefox support
    else if (ctrl.selectionStart || ctrl.selectionStart == '0')
        CaretPos = ctrl.selectionStart;
    return (CaretPos);
}
<input id="textArea" type="text" />
<br />
<input id="Submit" type="submit" value="Test" onclick="AlertPrevWord()" />

Здесь также является jsfiddle.

9 голосов
/ 01 апреля 2012

Вот грубый метод с использованием объектов Selection и Range. 

function getWord() {
    var range = window.getSelection().getRangeAt(0);
    if (range.collapsed) {
        text = range.startContainer.textContent.substring(0, range.startOffset+1);
        return text.split(/\b/g).pop();
    }
    return '';
}

Вы можете увидеть это в действии здесь: http://jsfiddle.net/ggfFw/1/. Это не будет работать в IE. Если вам нужна поддержка IE, посмотрите библиотеку Rangy.

1 голос
/ 22 декабря 2017

У меня было что-то подобное https://stackoverflow.com/a/9960262/986160, но в какой-то момент в моем браузере Chrome не было выбора.Основываясь на моем другом ответе здесь: https://stackoverflow.com/a/26728677/986160 - я изменил его соответственно на: 

function getLastWordBeforeCaret() {
    const containerEl = document.getElementById('element-id');
    let preceding = '';
    let sel;
    let range;
    if (window.getSelection) {
        sel = window.getSelection();
        if (sel && sel.rangeCount > 0) {
            range = sel.getRangeAt(0).cloneRange();
            range.collapse(true);
            range.setStart(containerEl, 0);
            preceding = range.toString();
        }
    }
    let queryMatch = preceding.match(/([^\s]+)$/i);
    if (queryMatch) {
        return queryMatch[1];
    } else {
        return '';
    }
}
...