Textarea select() 方法

select() 方法的语法

Textarea 的 select() 方法没有参数，调用该方法会选中文本框中的所有内容。

textareaElement.select();

select() 方法的用途

Textarea 的 select() 方法通常用于以下场景：

1. 当用户点击文本框时，自动选中文本框中的内容，方便用户直接输入新内容。
2. 当用户点击“复制”按钮时，自动选中文本框中的内容，方便用户快速复制文本。
3. 当用户点击“清空”按钮时，自动选中文本框中的内容，方便用户一键删除文本。

select() 方法的示例

下面是一个简单的示例，演示如何使用 select() 方法选中文本框中的内容：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Textarea select() 方法示例</title>
</head>
<body>
<textarea id="myTextarea">这是一个示例文本框</textarea>
<button onclick="selectText()">选中文本</button>

<script>
function selectText() {
  var textarea = document.getElementById("myTextarea");
  textarea.select();
}
</script>
</body>
</html>

在上面的示例中，当用户点击按钮时，会调用 selectText() 函数，该函数获取文本框元素并调用 select() 方法，从而选中文本框中的内容。

总结

通过本文的介绍，我们了解了Textarea select() 方法的用法及示例。在实际开发中，可以根据需求灵活运用该方法，提升用户体验。希望本文对您有所帮助！