欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

把内容复制到剪贴板用JavaScript怎么做?

最编程 2024-02-15 08:58:26
...

js复制内容到粘贴板

//点击文本框复制其内容到剪贴板上方法
    function copyToClipboard(str) {
        var cinput = document.createElement('textarea'); // 动态创建textarea元素
        cinput.value = str; // 把需要复制的内容赋值到textarea的vlaue上
        
        cinput.setAttribute('readOnly', 'true');
        //注意大小写,不写的话手机端会自动弹出输入框
        
        document.body.appendChild(cinput); // 把创建的textarea元素添加进body元素内
        cinput.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
        cinput.className = 'oInput';
        cinput.style.display = 'none';
        cinput.style.opacity = '0';
        alert("复制成功");
    }
// 复制的方法
    function copyText(text, callback){ // text: 要复制的内容, callback: 回调
        var tag = document.createElement('textarea');
        tag.setAttribute('id', 'cp_hgz_input');
        tag.value = text;
        document.getElementsByTagName('body')[0].appendChild(tag);
        document.getElementById('cp_hgz_input').select();
        document.execCommand('copy');
        document.getElementById('cp_hgz_input').remove();
        if(callback) {callback(text)}
    }
©著作权归作者所有,转载或内容合作请联系作者