在页面加载时自动选择 <div> 中的文本 [重复]答案

【问题标题】：Automatically select text in a <div> upon page load [duplicate]在页面加载时自动选择 <div> 中的文本 [重复]
【发布时间】：2017-03-03 03:49:17
【问题描述】：

当我的网站加载时，如何使用 JavaScript 在<div>（不是<input> 字段）中选择一组特定的文本。不仅突出显示，而且被选中。

我觉得这对 Google 来说应该是一件非常容易的事情，但我失败了。我找到了很多关于如何为输入框执行此操作的信息。还有很多关于如何使用 jQuery 的信息。但是，我正在学习 JavaScript，还不想学习 jQuery。

【问题讨论】：

也许像this 这样的问题会对您有所帮助（除非您使用window.onload 而不是单击按钮）。
请提供示例 HTML 并明确显示您想要选择的内容。如果没有更多细节，这个问题就太宽泛了。你基本上是在要求我们猜测你所问的细节。
相关/备用副本：Selected text inside div
您是否需要有关如何在页面加载时运行 JavaScript 的帮助？您的问题实际上是两个独立的问题：“如何在页面加载时运行 JavaScript？”和“如何使用 JavaScript 在<div> 中选择文本？”。建议的副本仅涵盖后一个问题。如果您找不到现有答案之一，则可以单独提出前一个问题。

【解决方案1】：

你可以试试这样的：

window.addEventListener('load',function(){
    document.getElementById("text").select();
})

&lt;input type="text" id="text" value="esf"&gt;

【讨论】：

虽然这段代码可以解决问题，including an explanation 解决问题的方式和原因确实有助于提高帖子的质量。请记住，您正在为将来的读者回答问题，而不仅仅是现在提问的人！请编辑您的答案以添加解释，并说明适用的限制和假设。解释还可以帮助您获得支持。
这个答案是关于 JavaScript/HTML/CSS，所以你应该考虑使用snippet。使用 sn-p 作为答案，人们可以立即测试您的答案是否解决了问题。使用一个可以显着提高您的答案被投票赞成的可能性。
但这不是输入，它只是 div 中的文本。有没有办法做到这一点？
@Makyen i hv 添加了 sn-p
@dmperkins74，但是，这个问题明确地是关于在<div> 中选择文本，而不是关于<input> 中的文本。 .select() 方法在 <div> 元素上不起作用。它适用于HTMLInputElement 元素。要在 <div> 中选择文本，您必须使用 selection interface 并处理范围等。请参阅我的 cmets 中有关问题 wrt 的问题/答案。建议重复/相关问题。