欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS复制内容到剪切板

程序员文章站 2022-05-15 23:50:14
...

Html

 <input id="demoInput" v-model="url.pcPlayUrl" >
                <el-button id="btn" @click="copyTo('demoInput')">点我复制</el-button>

JS

 copyTo:function (labelId) {
            var values =document.getElementById(labelId).value; // 得到文本框中的值  如果是<spna>xxxx</span>,則使用.text得到内容
                var oInput = document.createElement('input');
                oInput.value = values;
                document.body.appendChild(oInput);
                oInput.select(); // 选择对象
                document.execCommand("Copy"); // 执行浏览器复制命令

                oInput.style.display='none';  // 隐藏创建出的元素

                app.$message.success("复制成功");
        }