如何從textarea元素中選擇某些文本

Question

我正在嘗試使用javascript從textarea元素中選擇一些文本。 例如，我認為該文本在textarea元素“今天是一周的第一天”中，用戶單擊按鈕以選擇工作“今天”，以便他們可以針對任何文本進行更改。

我知道通過執行element.select（）可以選擇文本區域的全部內容，是否有另一個函數或代碼可以用來僅選擇文本區域內的作品，數字或字符？

Answer 1

您可以使用selectionStart和selectionEnd這是單擊的簡單示例，它將根據您單擊的位置選擇文本

 document.getElementById('text').addEventListener('click', function() { var length = this.value.length; this.setSelectionRange(this.selectionStart, length); }, false); 

 <textarea id="text" value="" size="20" >EXAMPLE</textarea > 

Answer 2

您可以使用它在文本區域內選擇所需的文本。 為了使選擇生效，您必須首先將重點放在文本區域上。

 var $_ = function(selector){ return document.querySelector(selector); } function selectText(str) { var txt = $_("#txt"); var idx = txt.value.indexOf(str); txt.focus(); txt.setSelectionRange(idx, idx + str.length); } $_("#btnSelect").addEventListener('click', function() { selectText($_("#selectWord").value); }); 

 <textarea name="" id="txt" cols="30" rows="10">Today is gonna be the day that they're gonna throw it back to you.</textarea> <br><br> <input type="text" id="selectWord" value="gonna" /> <button id="btnSelect">Select</button>