.getSelection()

Question

HTML 代码--

<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

<script language="javascript" type="text/javascript" src="js/jquery.field.selection.js"></script>

    <div id="copy">Copy</div>
        <textarea....id="t">

jquery---

$(docu.....
$('#copy').click(function(){
var range = $('#TextArea').getSelection();
alert(range.text);
});

});

当按下#copy 按钮时，警报不会显示#t 中选定的文本。它是空白的。

我需要从文本区域中选择的文本

Answer 1

您的代码未运行，因为此语句失败

var range = $('#TextArea').getSelection();

在您提供的标记中没有任何 TextArea 作为 ID，因此脚本遇到错误并且不会继续执行。

如果您将警报放在顶部，我确信警报框会弹出。
IE

$('#copy').click(function(){
    alert(''); //this will work
    var range = $('#TextArea').getSelection();
    alert(range.text);
});

Answer 2

getSelection 是文档的一个方法，所以你应该这样做：

var range = document.getSelection();

还要注意，你必须在 IE 中使用 document.selection.createRange() 所以一切都会变得有点复杂。
请查看此示例了解更多信息。你最终会需要一个像这样的函数：

function getSelectedText(){
  if(document.all){
    var selection = document.selection;
    var newRng = selection.createRange();
    newRng.select();
    return newRng.htmlText;
  }else{
    return document.getSelection();
  }
}

它应该返回选定的文本并在所有主要浏览器中工作。

编辑：
刚刚看到您正在使用某种 jquery 插件（也许）应该使您的代码正常工作。问题是：

在你的html中，textarea的id是“t”：

<textarea....id="t">

但是在你的javascript中，你试图获取id“TextArea”的选择：

$('#TextArea').getSelection();

请将你的textarea的id更改为“TextArea”（或反过来）看看会发生什么。

Answer 3

我不确定这个问题，但如果您需要获取 textarea 值，只需使用 val jQuery 方法：

$('#copy').click(function(){
  var range = $('#t').val();
  alert(range);
});

Answer 4

您可以更改 id="t" 或将 #TextArea 更改为 #t 以获取 html 标记中的文本区域。

但我不知道你正在使用什么插件或者它想要什么。