js复制input中的值

最新推荐文章于 2024-05-17 13:52:13 发布

chen_x_w

最新推荐文章于 2024-05-17 13:52:13 发布

阅读量278

点赞数 1

分类专栏：前端开发日记文章标签： javascript

本文链接：https://blog.csdn.net/chen_x_w/article/details/107414632

版权

前端开发日记专栏收录该内容

7 篇文章 1 订阅

订阅专栏

直接上代码

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
</head>

<body>
    <input type="text" id="input" value="" />
    <span class="code-btn" id="codeBtn" data-clipboard-target="#input">复制</span>


    <script type="text/javascript">
        function copyArticle(event) {
            const range = document.createRange();

            range.selectNode(document.getElementById('input'));

            const selection = window.getSelection();
            if (selection.rangeCount > 0) selection.removeAllRanges();
            selection.addRange(range);
            document.execCommand('copy');
            alert("复制成功！");
        }
        document.getElementById('codeBtn').addEventListener('click', copyArticle, false);

    </script>
</body>

</html>

chen_x_w

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js复制input中的值

直接上代码<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js" type="text/
复制链接

扫一扫