巧用 JavaScript 让 HTML 中 textarea 内容实现选中状态！

在HTML中，你可以通过设置`<textarea>`元素的`readonly`属性为`true`来使其内容无法被用户修改。这并不会使其内容处于选中状态。 如果你想让`<textarea>`的内容处于选中状态，你可以通过JavaScript来实现。以下是一个简单的示例： ```html <textarea id="myTextarea" readonly>这是选中的文本</textarea> <button onclick="selectText()">选择文本</button> <script> function selectText() { var textArea = document.getElementById('myTextarea'); textArea.focus(); textArea.setSelectionRange(0, textArea.value.length); } </script> ``` 在这个示例中，我们首先获取了`<textarea>`元素，然后调用`focus()`方法将其焦点设置到该元素上。接着，我们调用`setSelectionRange()`方法来设置文本的选中范围，从文本的开始位置到结束位置。 这样，当用户点击"选择文本"按钮时，`<textarea>`的内容就会处于选中状态。 ######[AI写代码神器 | 216点数解答 | 2023-11-04 16:16:21]