js点击复制，复制你想复制的内容

最新推荐文章于 2025-09-06 08:01:57 发布

weixin_30781631

最新推荐文章于 2025-09-06 08:01:57 发布

阅读量128

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/SunShineM/p/7449399.html

本文介绍了一个简单的HTML页面，该页面包含一个用于复制特定代码片段到剪贴板的功能。通过JavaScript实现了选择和复制代码区域的内容，并提供了点击按钮来触发复制操作。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
   <script type="text/javascript">
   function copyUrl2()
   {
   var Url2=document.getElementById("biao1");
   Url2.select(); // 选择对象
   document.execCommand("Copy"); // 执行浏览器复制命令
   alert("已复制好，可贴粘。");
   }
   </script>
  <textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
  <input type="button" onClick="copyUrl2()" value="点击复制代码" />
</body>
</html>