如何从文本区域中突出显示的文本中获取邻居字符?

用户名

这将返回突出显示的文本:

function getSelection(elem) {
    var selectedText;

    if (document.selection != undefined) { // IE
        elem.focus();
        var sel = document.selection.createRange();
        selectedText = sel.text;
    } else if (elem.selectionStart != undefined) { // Firefox
        var startPos = elem.selectionStart;
        var endPos   = elem.selectionEnd;
        selectedText = elem.value.substring(startPos, endPos)
    }
    return selectedText;
}

$(document).on('mousedown', 'button', function(e) {
  var selection =  getSelection( $('#txtarea').get(0) );
  alert(selection);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="txtarea">this is a test</textarea>
<button>highlighted text</button>

现在,我需要从选中/突出显示的文本中选择相邻字符。例如,如果his is a t选中,那么我需要同时获得t(L)和e(R)字符。我怎样才能做到这一点?

SM

试试这个

function GetSelection() {
  var selection = "";

  var textarea = document.getElementById("myArea");
  if ('selectionStart' in textarea) {
    // check whether some text is selected in the textarea
    if (textarea.selectionStart != textarea.selectionEnd) {
      selection = textarea.value.substring(textarea.selectionStart - 1, textarea.selectionEnd + 1);
    }
  } else { // Internet Explorer before version 9
    // create a range from the current selection
    var textRange = document.selection.createRange();
    // check whether the selection is within the textarea
    var rangeParent = textRange.parentElement();
    if (rangeParent === textarea) {
      selection = textRange.text;

    }
  }

  if (selection == "") {
    alert("No text is selected.");
  } else {
    alert("The current selection is: " + selection);
  }
}
<body>
  <textarea id="myArea" spellcheck="false">Select some text within this field.</textarea>
  <button onclick="GetSelection ()">Get the current selection</button>
</body>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在文本区域中突出显示文本的一部分

来自分类Dev

搜索HTML文本区域中给出的单词,并使用JavaScript在字符串中突出显示它们

来自分类Dev

如何在文本区域中显示所选选项的文本

来自分类Dev

如何从两个输入的“ =“文本”和文本区域中获取数据,然后在<li>中显示它们

来自分类Dev

如何拖动图像并在文本区域中显示图像

来自分类Dev

在文本区域中显示选定的选项

来自分类Dev

反向显示文本区域中的行

来自分类Dev

计算文本区域中的特定字符

来自分类Dev

计算文本区域中的字符数

来自分类Dev

计算文本区域中的特定字符

来自分类Dev

如何在文本区域中显示数据库中的多行

来自分类Dev

如何在段落中包含从文本区域中获取的换行符?

来自分类Dev

如何制作像Twitter一样突出显示字符限制的文本区域?

来自分类Dev

快速突出显示文本区域

来自分类Dev

单击一个按钮以从文本区域中检索突出显示的单词

来自分类Dev

在文本区域中显示所选文本

来自分类Dev

在文本区域中显示所选文本

来自分类Dev

在文本区域中获取和设置文本选择

来自分类Dev

在文本区域中获取和设置文本选择

来自分类Dev

如何从选定的文本中获取邻居字符?

来自分类Dev

无法从文本区域使用代码镜像获取选定/突出显示的文本

来自分类Dev

在文本坐标中获取文本区域中的鼠标单击位置

来自分类Dev

如何右键单击以选择文本区域中的文本

来自分类Dev

如何排列在下方的文本区域中的文本?

来自分类Dev

让所选的单选按钮显示在文本区域中

来自分类Dev

让所选的单选按钮显示在文本区域中

来自分类Dev

无法在文本区域中显示 HTML 上下文

来自分类Dev

在文本区域中左对齐文本

来自分类Dev

实时渲染文本区域中的文本

Related 相关文章

  1. 1

    如何在文本区域中突出显示文本的一部分

  2. 2

    搜索HTML文本区域中给出的单词,并使用JavaScript在字符串中突出显示它们

  3. 3

    如何在文本区域中显示所选选项的文本

  4. 4

    如何从两个输入的“ =“文本”和文本区域中获取数据,然后在<li>中显示它们

  5. 5

    如何拖动图像并在文本区域中显示图像

  6. 6

    在文本区域中显示选定的选项

  7. 7

    反向显示文本区域中的行

  8. 8

    计算文本区域中的特定字符

  9. 9

    计算文本区域中的字符数

  10. 10

    计算文本区域中的特定字符

  11. 11

    如何在文本区域中显示数据库中的多行

  12. 12

    如何在段落中包含从文本区域中获取的换行符?

  13. 13

    如何制作像Twitter一样突出显示字符限制的文本区域?

  14. 14

    快速突出显示文本区域

  15. 15

    单击一个按钮以从文本区域中检索突出显示的单词

  16. 16

    在文本区域中显示所选文本

  17. 17

    在文本区域中显示所选文本

  18. 18

    在文本区域中获取和设置文本选择

  19. 19

    在文本区域中获取和设置文本选择

  20. 20

    如何从选定的文本中获取邻居字符?

  21. 21

    无法从文本区域使用代码镜像获取选定/突出显示的文本

  22. 22

    在文本坐标中获取文本区域中的鼠标单击位置

  23. 23

    如何右键单击以选择文本区域中的文本

  24. 24

    如何排列在下方的文本区域中的文本?

  25. 25

    让所选的单选按钮显示在文本区域中

  26. 26

    让所选的单选按钮显示在文本区域中

  27. 27

    无法在文本区域中显示 HTML 上下文

  28. 28

    在文本区域中左对齐文本

  29. 29

    实时渲染文本区域中的文本

热门标签

归档