根据插入符号的位置从文本区域中提取整个单词

Question

我有一个 html textarea，我需要从其中的文本中提取单词，具体取决于插入符号的位置。

所以，如果插入符号在一个词中，或者只是在一个词的开头（或结尾）的末尾，我需要得到它。

我该怎么做？我不是在寻找图书馆，只是简单 javascript。请帮忙。

Answer 1

这里有一些代码可以完成这项工作。基本上，提取插入符位置。将句子转换为数组。循环数组将单词长度加在一起，当长度大于插入符号位置时，你就找到了你的单词。

<html>
<script>


    function getCaret(node) {
      if (node.selectionStart) {
        return node.selectionStart;
      } else if (!document.selection) {
        return 0;
      }

      var c = "[=10=]1",
          sel = document.selection.createRange(),
          dul = sel.duplicate(),
          len = 0;

      dul.moveToElementText(node);
      sel.text = c;
      len = dul.text.indexOf(c);
      sel.moveStart('character',-1);
      sel.text = "";
      return len;
    }

    function getWord()
    {

        var el = document.getElementById('myText');
        var carret = getCaret(el);
        var words = el.value.split(' ');
        var x = 0;

        for(var i = 0; i < words.length; i++)
        {
            debugger;
            x += words[i].length + 1;
            if(x > carret){ return words[i]; }
        }


    }

    function myWord()
    {
        var word = getWord();
        alert(word);
    }

</script>

<body>

    <button onclick="myWord();" >Get word</button>
    <textarea id="myText">This is a hallo world sentence</textarea>

</body>
</html>

根据插入符号的位置从文本区域中提取整个单词

Extract the whole word from a textarea depending on where the caret is

javascript

html

textarea

caret