如何使用 JavaScript 儲存和取得文字方塊中的文字選擇？

使用JavaScript 從文本框中獲取所選文本

實現選擇保存機制

查詢：

如何在與其他控制項互動後保留文字方塊中的文字選擇？

解決方案：

要在點擊其他元素時保留文字方塊選擇，請使用以下方法：

1. 利用文件的onKeyDown 事件呼叫按下按鍵時讀取所選文字的函數。
2. 在選擇讀取功能中，利用焦點() 方法將焦點恢復到文字區域，確保選擇保持活動狀態。

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

從文字方塊中取得所選文字

查詢：

如何以程式方式取得文字方塊中已選取的文字？

解決方案：

要從文本框中檢索所選文本，請按照以下步驟操作步驟：

1. 使用getElementById 函數：
2. 使用getElementById 函數：

使用getElementById 函數識別文字方塊元素。

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);
}

利用 SelectionStart 和 SelectionEnd 屬性來決定所選文字的開始和結束位置。 使用子字串方法擷取所選文字。

以上是如何使用 JavaScript 儲存和取得文字方塊中的文字選擇？的詳細內容。更多資訊請關注PHP中文網其他相關文章！