如何使用 JavaScript 保存和获取文本框中的文本选择？

使用 JavaScript 从文本框中获取所选文本

实现选择保存机制

查询：

如何在与其他控件交互后保留文本框中的文本选择？

解决方案：

要在单击其他元素时保留文本框选择，请使用以下方法：

1. 利用文档的 onKeyDown 事件调用按下按键时读取所选文本的函数。
2. 在选择读取功能中，利用焦点() 方法将焦点恢复到文本区域，确保选择保持活动状态。

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

从文本框中获取所选文本

查询：

如何以编程方式获取文本框中已选择的文本？

解决方案：

要从文本框中检索所选文本，请按照以下步骤操作步骤：

1. 使用 getElementById 函数识别文本框元素。
2. 利用 SelectionStart 和 SelectionEnd 属性确定所选文本的开始和结束位置。
3. 使用子字符串方法提取所选文本。

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

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

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

以上是如何使用 JavaScript 保存和获取文本框中的文本选择？的详细内容。更多信息请关注PHP中文网其他相关文章！