jquery实现点击复制文本

最新推荐文章于 2024-02-02 11:39:02 发布

weixin_45928234

最新推荐文章于 2024-02-02 11:39:02 发布

阅读量1.7k

点赞数 1

分类专栏：工具类

本文链接：https://blog.csdn.net/weixin_45928234/article/details/118813520

版权

工具类专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<body>

<input>
<h1 id="aaa">Hello World</h1>
<input type="button" value="复制" onclick="f()">
</body>
<script>

    function f() {
        var text=$("#aaa").text();//获取要复制的文本
        //不同的对象获取方式不同可能是text()也可能是html()
        copyText(text);
    }
    function copyText(text) {//拷贝文本函数
        var oInput = document.createElement('input');//创建一个input标签
        oInput.value = text;//设置value属性
        document.body.appendChild(oInput);//挂载到body下面
        oInput.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
        oInput.className = 'oInput';
        oInput.style.display='none';
        alert('复制成功');
    }
</script>

weixin_45928234

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
jquery实现点击复制文本

<body><input><h1 id="aaa">Hello World</h1><input type="button" value="复制" onclick="f()"></body><script> function f() { var text=$("#aaa").text();//获取要复制的文本 //不同的对象获取方式不同可能是text()也可能是html(
复制链接

扫一扫