jquery实现点击复制文本

最新推荐文章于 2024-11-06 23:32:10 发布

weixin_45928234

最新推荐文章于 2024-11-06 23:32:10 发布

阅读量1.8k

点赞数 1

分类专栏：工具类

本文链接：https://blog.youkuaiyun.com/weixin_45928234/article/details/118813520

版权

工具类专栏收录该内容

4 篇文章

订阅专栏

这段代码展示了一个简单的网页文本复制功能。当用户点击按钮时，JavaScript 函数 `f()` 被触发，获取 `id` 为 'aaa' 的元素内的文本，并调用 `copyText()` 函数进行复制。`copyText()` 函数通过创建输入元素，设置其值，选中并执行复制命令来实现文本的复制到剪贴板，最后显示‘复制成功’的提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>