在前端开发中，有时需要在页面加载时自动选择某个输入字段及其文本，以提高用户体验和便捷操作。本文将介绍如何实现这一功能，并提供示例代码。
实现思路
在页面加载完成后，通过 JavaScript 获取需要自动选择的输入字段元素，然后设置其选中范围即可。
具体来说，可以使用以下步骤：
- 通过 DOM API 获取需要自动选择的输入元素，例如
input或textarea。 - 调用该元素的
select()方法，设置其选中范围。如果需要选择全部文本，可以不传入任何参数；如果需要选中指定范围的文本，可以传入起始和终止位置。 - 在页面加载完成后调用上述代码即可。
示例代码
下面是一个示例，演示如何在页面加载时自动选择一个输入框的文本：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------------
-------
------
------ ----------- ------------ ------------- --------
--------
------------- - ---------- -
--- ----- - -----------------------------------
---------------
--
---------
-------
-------在上述代码中，我们定义了一个 <input> 元素，并给其设置了一个初始值。在页面加载完成后，我们获取该元素，并调用其 select() 方法，将其文本全部选中。
总结
通过以上示例，我们可以看到，在页面加载时自动选择输入字段及其文本是一项非常简单的操作。通过上述步骤，我们可以轻松地实现这一功能，提高用户体验和便捷操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14767