javascript - 如何使用 JavaScript 从文本框控件中获取选定的文本

Question

我有一个文本框和一个链接按钮。当我写一些文本时，选择其中的一些然后单击链接按钮，从文本框中选择的文本必须显示一个消息框。

我该怎么做？

---

当我单击下面文本框的提交按钮时，消息框必须显示 Lorem ipsum。因为在该区域选择了“Lorem ipsum”。

---

如果我从页面中选择任何文本并单击提交按钮，它就可以工作，但是如果我将文本写入文本框并创建它，它就不会工作。因为当我点击另一个空间时，文本框的选择被取消了。

现在的问题是，当我从文本框中选择文本并单击任何其他控件或空格时，选中的文本仍必须被选中。

如何实现？

Answer 1

好的，这是我的代码:

function ShowSelection()
{
  var textComponent = document.getElementById('Editor');
  var selectedText;

  if (textComponent.selectionStart !== undefined)
  { // Standards-compliant version
    var startPos = textComponent.selectionStart;
    var endPos = textComponent.selectionEnd;
    selectedText = textComponent.value.substring(startPos, endPos);
  }
  else if (document.selection !== undefined)
  { // Internet Explorer version
    textComponent.focus();
    var sel = document.selection.createRange();
    selectedText = sel.text;
  }

  alert("You selected: " + selectedText);
}

问题是，虽然我为 Internet Explorer 提供的代码在很多网站上都有，但我无法在我的 Internet Explorer 6 副本上使用它在我当前的系统上。也许它对您有用，这就是我提供它的原因。

您寻找的技巧可能是调用 .focus() 将焦点返回到文本区域，因此选择被重新激活。

我通过 onKeyDown 事件获得了正确的结果(选择内容):

document.onkeydown = function (e) { ShowSelection(); }

所以代码是正确的。同样，问题是在单击按钮时获得选择...我继续搜索。

使用 li 标签绘制的按钮没有成功，因为当我们点击它时，Internet Explorer 会取消选择之前的选择。上面的代码使用一个简单的 input 按钮，不过...