JavaScript如何实现选中并复制文本？
内容提要
JavaScript是一种强大的编程语言，可以实现选中文本并复制的功能。通过DOM操作选中文本，通过document.execCommand('copy')触发复制操作。通过一个示例演示了如何实现选中文本并复制的功能。
延伸解读
兼容性处理：为何要检测 document.selection 和 window.
文章中的 selectText 函数先检测 document.selection，再检测 window.getSelection，这是为了兼容不同浏览器。document.selection 是旧版 IE 的专有接口，而 window.getSelection 是现代浏览器的标准。这种写法能覆盖更广的浏览器范围，但代码中并未说明现代浏览器已普遍支持标准接口，读者需注意旧接口可能已过时。
复制操作的核心：document.execCommand('copy') 的局限
文章使用 document.execCommand('copy') 触发复制，这是传统方法。它依赖于当前文档的选中状态，因此必须先调用 selectText 选中目标元素。但该方法已被标记为废弃，未来可能被 Clipboard API 取代。此外，它可能受浏览器安全策略限制，例如在非用户触发的事件中调用会失败。文章通过 try-catch 捕获错误，但未深入讨论这些限制。
示例代码的实用细节：元素传递与事件绑定
示例中按钮的 onclick 事件直接调用 copyText(textToCopy)，其中 textToCopy 是全局变量（由 id 自动生成），这依赖于浏览器将 id 作为全局变量的特性。这种写法简单但不够规范，容易造成命名冲突。更稳妥的方式是使用 document.getElementById 获取元素。此外，复制成功后仅输出控制台信息，未提供用户可见的反馈，实际应用中可能需要改进。
Q&A
如何使用JavaScript选中文本？
可以通过DOM操作实现选中文本，使用selectText函数来创建选区并选中指定文本。
JavaScript中如何复制选中的文本？
使用document.execCommand('copy')来触发复制操作，确保文本已被选中。
selectText函数的作用是什么？
selectText函数用于根据浏览器支持情况创建选区并选中指定的HTML元素中的文本。
copyText函数是如何处理复制成功或失败的情况的？
copyText函数调用selectText函数后，使用try-catch结构来判断复制是否成功，并输出相应的信息。
能否提供一个JavaScript复制文本的示例？
示例中创建了一个包含文本的<div>元素和一个按钮，点击按钮时调用copyText函数实现复制。
document.execCommand('copy')的作用是什么？
document.execCommand('copy')用于触发浏览器的复制操作，将选中的文本复制到剪贴板。
