首页 > 其他分享 >JS实现复制功能

JS实现复制功能

时间:2023-01-05 12:12:51浏览次数:40  
标签:功能 const JS content 输入框 复制 input document

直接上代码:

//参数content为被被复制的内容
const content="我是被复制的内容";//input模式,忽略文本格式
//多行文本可以使用模板字符串
const content=`我是多行文本,保留换行格式
地址:xxx
电话:xxx
`

copy(content) {
        // 创建输入框元素
        const input = document.createElement('input');//不会保留文本格式
        //如果要保留文本格式,比如保留换行符,或者多行文本,可以使用  textarea 标签,再配和模板字符串 ` `
        //const input = document.createElement('textarea')
        // 将想要复制的值
        input.value = content;
        // 页面底部追加输入框
        document.body.appendChild(input);
        // 选中输入框
        input.select();
        // 执行浏览器复制命令
        document.execCommand('Copy');
        // 弹出复制成功信息
        //this.$message.success('复制成功');
        // 复制后移除输入框
        input.remove();
    }

标签:功能,const,JS,content,输入框,复制,input,document
From: https://www.cnblogs.com/qingheshiguang/p/17027162.html

相关文章