在网页应用程序中，复制文本内容是一个常见的需求。然而，在浏览器中，对于 JavaScript 来说，复制操作比较棘手。幸运的是，我们可以使用 jQuery 或纯 JavaScript 实现这个功能。在本文中，我们将介绍如何使用 jQuery 和纯 JavaScript 实现在 Chrome 浏览器中复制文本内容到剪贴板的功能。
使用 jQuery
要使用 jQuery 复制文本内容，我们需要先添加 jQuery 库文件 到我们的网页中。接着，我们可以使用 $(selector).on(event, callback) 方法来监听用户的点击事件，同时调用 document.execCommand("copy") 方法将文本内容复制到剪贴板：
--------- -----
------
------
----- ----------------
----------- -- --------- ---- --------- -- --------------
------- -----------------------------------------------------------
-------
------
------- --------------------- -- ------------------
--------
----------------------------- ---------- -
--- ---- - ------- --------
--- ------------ - -------------------------------------------------
-----------------------------
----------------------
------------- -- -------------
---
---------
-------
-------在上面的代码中，我们首先创建了一个按钮元素，当用户点击它时，我们获取要复制的文本并将其设置为一个 input 元素的值。接着，我们将 input 元素添加到网页中，并使用 select() 方法将文本选中。最后，我们调用 document.execCommand("copy") 方法复制文本到剪贴板，并在完成后删除该元素。
使用纯 JavaScript
如果您不想依赖于 jQuery 库，那么您可以使用纯 JavaScript 实现复制到剪贴板的功能。相较于 jQuery，纯 JavaScript 需要写更多的代码，但是它可以减小网页的大小并提高性能。
以下是使用纯 JavaScript 复制文本内容的示例代码：
--------- -----
------
------
----- ----------------
----------- -- --------- ---- --------- -- --------------
-------
------
------- --------------------- -- ------------------
--------
-------- ------------------------- -
--- ------------ - --------------------------------
--------------------------------- --------
---------------------------------- ------
----------------------------------------
----------------------
-----------------------------
----------------------------------------
------------- -- -------------
-
---------------------------------------------------------------- ---------- -
--- ---- - ------- --------
--------------------------
---
---------
-------
-------在上面的代码中，我们定义了一个名为 copyTextToClipboard(text) 的函数来执行复制操作。该函数首先创建一个 input 元素，将文本内容设置为其值，并将其添加到网页中。接着，它调用 select() 方法选中文本，使用 document.execCommand("copy") 方法复制文本到剪贴板，最后删除该元素。
在按钮的点击事件处理函数中，我们获取要复制的文本并调用 copyTextToClipboard(text) 函数来执行复制操作。
总结
在本文中，我们介绍了如何使用 jQuery 和纯 JavaScript 在 Chrome 浏览器中复制文本内容到剪贴板。无论您使用哪种方法，都可以在您的网页应用程序中实现此功能。希望这篇文章对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/30729