点击 -复制某个标签的内容到剪切板

鱼空

于 2022-11-11 16:44:00 发布

阅读量174

点赞数

分类专栏：小技巧文章标签：前端 javascript html

本文链接：https://blog.csdn.net/m0_69502730/article/details/127808888

版权

小技巧专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<a class="supplierAddress" ref="spanContentOne" id="spanContentOne" href="javascript:void(0)" @click="copyFunc" style="color:#606266">内容</a>


            copyFunc () {
                console.log(1);
                // 也可用其他方式获得标签内容
                var spanText = document.querySelector('#spanContentOne').innerText;
                console.log(spanText);
                var aText = document.createElement('input');
                aText.value = spanText;
                document.body.appendChild(aText);
                aText.select(); // 选择对象
                document.execCommand('Copy'); // 执行浏览器复制命令
                aText.className = 'aText';
                aText.style.display = 'none';
                Message.success('已经复制到剪切板了哦~')
            },

重点在绑定的ref id上，绑定在那个标签就复制哪个标签里面的内容