js 复制

小灰灰 2023-01-17 07:33 78阅读 0赞

// 单个复制
    <div id=“fuzhi">复制</div>
     <p id="copyBT”>复制内容</p>
    function copyArticle1(event) { 
        const range = document.createRange();
        // 复制元素
        range.selectNode(document.getElementById('copyBT'));
        const selection = window.getSelection();
        if (selection.rangeCount > 0) selection.removeAllRanges();
        selection.addRange(range);
        document.execCommand('copy');
        mui.toast("复制成功！");
    }
    document.getElementById('fuzhi').addEventListener('click', copyArticle1, false);
    
    // 多个复制 把需要复制的文字给按钮
    $(document).on("click", ".fuzhi", function() { 
        $("#copyBT2").html("");
        // data_con 复制内容
        var data = $(this).attr("data_con");
        $("#copyBT2").html(data);
        copyArticle();
    })
    
    function copyArticle(event) { 
        const range = document.createRange();
        // 复制元素
        range.selectNode(document.getElementById('copyBT2'));
        const selection = window.getSelection();
        if (selection.rangeCount > 0) selection.removeAllRanges();
        selection.addRange(range);
        document.execCommand('copy');
        console.log("复制成功！");
    } 
    <div id = "copyBT2" style = "opacity: 0;" > </div>

发表评论取消回复

表情：

评论列表（有 0 条评论，78人围观）

还没有评论，来说两句吧...

相关阅读

相关【js】纯js实现复制粘贴

结果图展示： ![20190926104907767.gif][] 代码展示：（可直接拿着运行） <!DOCTYPE html> <html>

「爱情、让人受尽委屈。」/ 2023年08月17日 15:23/ 0 赞/ 134 阅读

相关 JS_js复制文本

function copy(text){ var input = document.createElement("input"); input.s

蔚落/ 2023年01月17日 13:53/ 0 赞/ 196 阅读

相关 js 复制

// 单个复制 <div id=“fuzhi">复制</div> <p id="copyBT”>复制内容</p> function copyA

小灰灰/ 2023年01月17日 07:33/ 0 赞/ 79 阅读

相关 js 复制

<p @click="copyHandler(colorName)"> function copyHandler(name: string) {

待我称王封你为后i/ 2022年09月15日 12:43/ 0 赞/ 152 阅读

相关 js代码积累：js对象复制

对象复制在写vue相关代码时，有时把同一个对象或者数组赋值给不同的变量，如果修改其中一个值，另外一个变量的值也会变化，如下： let orderDetailL

左手的ㄟ右手/ 2022年06月09日 07:53/ 0 赞/ 216 阅读

相关 js的浅复制和深复制

1.来看一个例子(浅复制) var test={ zcj:'isGood'} var test2=test test.zcj='isLo

爱被打了一巴掌/ 2022年05月30日 09:08/ 0 赞/ 260 阅读

相关 js复制粘贴

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

女爷i/ 2022年05月29日 00:48/ 0 赞/ 276 阅读

相关 js复制操作

vue下实现复制操作 <template> <div class="red"> <div @click="copyToClipboard($event)"> { {

谁践踏了优雅/ 2022年05月27日 11:05/ 0 赞/ 235 阅读

相关 js复制粘贴

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or

心已赠人/ 2022年05月12日 07:06/ 0 赞/ 266 阅读

相关 JS元素复制

JS实现元素复制，使用克隆的方式，如下图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9

以你之姓@/ 2022年02月22日 16:52/ 0 赞/ 264 阅读