如何使用 JavaScript 从 TextBox 控件中检索选定的文本？

使用 JavaScript 从文本框控件获取选定文本

使用文本框时，您可能会遇到检索选定文本的需要。本文旨在为此任务提供全面的解决方案，解决 Internet Explorer 6 遇到的问题。

可以使用 JavaScript 的内置属性来实现文本框中文本的选择。对于符合标准的浏览器，selectionStart 和selectionEnd 属性提供所选文本的范围。但是，对于 Internet Explorer，需要使用选择对象来解决问题。

<code class="javascript">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);
}</code>

最初，Internet Explorer 6 中出现了一个问题，导致上述代码无法正常运行。为了解决这个问题，在访问选择对象之前添加了 focus() 调用。此外，将 ShowSelection() 函数附加到 onkeydown 事件可为检测所选文本提供稳定的解决方案。

<code class="javascript">document.onkeydown = function (e) {
  ShowSelection();
};</code>

为了进一步说明，按钮的问题源于其在 Internet Explorer 中取消选择文本的固有行为。因此，建议使用简单的输入按钮。通过实施此解决方案，您可以有效地从文本框控件检索选定的文本，克服 Internet Explorer 6 遇到的挑战。

以上是如何使用 JavaScript 从 TextBox 控件中检索选定的文本？的详细内容。更多信息请关注PHP中文网其他相关文章！