HTML | DOM Textarea select() 方法(1)

📌 相关文章

📜 HTML | DOM Textarea select() 方法(1)

📅 最后修改于: 2023-12-03 15:01:12.180000 🧑 作者: Mango

HTML | DOM Textarea select() 方法

select() 方法用于选择文本框（<textarea>）中的所有文本。

语法：

object.select()

其中，object 是一个 <textarea> 元素。

返回值

该方法不返回任何值。

示例

下面的示例展示了一个文本框，在文本框上放置了一个按钮。当点击按钮时，会选择文本框中所有的文本：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>select() 方法示例</title>
  </head>
  <body>
    <textarea rows="4" cols="50" id="myTextarea">
      这是文本框中的文本。
    </textarea>
    <br>
    <button onclick="selectText()">选择文本</button>

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

点击按钮后，文本框中的文本将会被选中。

兼容性

| Chrome | Firefox | Edge | IE | Opera | Safari | | :------: | :------: | :-----: | :-----: | :-----: | :-----: | | √ | √ | √ | 9.0 | √ | √ |

注意事项

select() 方法只能用于文本框，不能用于其他元素；
如果文本框内容为空，该方法将无效；
使用该方法时，浏览器会自动将焦点移动到文本框中，如果你不希望这样做，请确保在使用该方法之前文本框不具有焦点。

以上就是关于 select() 方法的介绍，如果有更多疑问可以查看文档。