使用js实现点击复制功能的代码

最新推荐文章于 2024-09-26 14:44:31 发布

原创最新推荐文章于 2024-09-26 14:44:31 发布 · 670 阅读

0 ·

CC 4.0 BY-SA版权

Html 同时被 3 个专栏收录

262 篇文章

订阅专栏

Javascript

243 篇文章

订阅专栏

Jquery

200 篇文章

订阅专栏

本文展示了如何使用JavaScript实现点击按钮复制文本的功能。通过获取文本元素，选中其内容并执行浏览器的复制命令，用户可以轻松复制网页上的指定文本。示例代码中，点击按钮即可复制输入框内的URL。

该文章已生成可运行项目，

使用js实现点击复制功能的代码

<!doctype html>
<html>
 
    <head>
        <meta charset="utf-8">
        <title>点击复制功能的实现</title>
    </head>
 
    <body>
        <script type="text/javascript">
            function copyUrl2() {
                var Url2 = document.getElementById("qipa250");
                Url2.select(); // 选择对象 
                document.execCommand("Copy"); // 执行浏览器复制命令 
                alert("已复制好，可贴粘。");
            }
        </script>用户定义的代码区域
        <!--  <textarea cols="20" rows="10" id="qipa250">www.qipa250.com</textarea>
  -->
        <input type="text" id="qipa250" value="http://www.qipa250.com">

        <input type="button" onClick="copyUrl2()" value="点击复制代码" />
    </body>
 
</html>

本文章已经生成可运行项目