如何突出显示和更改文本区域的一部分

Question

我有一个文本区域，当用户选择并按 Enter 键时，我希望它更改为其他内容。 例如我有一个文本区域，当用户选择像 NY 这样的东西时，我希望这两个字母更改为 NY

我有类似的东西：

$('textarea').html('I live in NY and it\'s a great place to live');
$(window).click(function(){
        var selection = selectedText();
        console.log(selection);
    });

function selectedText() {
    var ret = '';
    if (window.getSelection){
        ret = window.getSelection();
    } else if (document.getSelection) {
        ret = document.getSelection();
    } else if (document.selection) {
        ret = document.selection.createRange().text;
  }
  return ret;
}

我不知道在哪里检查它是来自 textarea 还是来自其他地方，而且我不知道如何更改 textarea 文本的特定部分

Answer 1

这可能会帮助您：

在文本区域中查找选择开始和结束 position

我也刚刚测试了它并且它可以工作（它返回选定的文本，所以你可以修改它并将值分配回 textarea

参考： http://www.codingforums.com/showpost.php?p=235174&postcount=5

<script type="text/javascript">
 <!--//
  function selectedText(input){
    if(document.selection && document.selection.createRange().text != ''){ // IS IE
       alert(document.selection.createRange().text);
    }

    else{ // Not IE.. assume Mozilla?
       var startPos = input.selectionStart;
       var endPos = input.selectionEnd;
           alert(input.value.substring(startPos, endPos))    
   }
 }
 //-->
</script>
</head>

<body>
<form name="reportForm">
<textarea name="report">this is a test</textarea>
<button onclick="selectedText(this.form.report)">Alert Selection</button>
</form>

Answer 2

在文本选择方面有很多跨浏览器的细微差别。 有几个 jQuery 插件试图解决这个问题。 我建议使用a-tools 。 我过去用过它，它的工作原理和宣传的一样。

如何突出显示和更改文本区域的一部分

问题描述

2 个解决方案

解决方案1
0 2011-08-15 18:15:40

解决方案2
0 已采纳 2011-08-15 18:19:17

如何突出显示和更改文本区域的一部分

问题描述

2 个解决方案

解决方案1 0 2011-08-15 18:15:40

解决方案2 0 已采纳 2011-08-15 18:19:17

解决方案1
0 2011-08-15 18:15:40

解决方案2
0 已采纳 2011-08-15 18:19:17