JavaScript 将字符串复制到剪辑版（剪贴板）

关注

原创最新推荐文章于 2026-03-16 00:57:57 发布 1.3k 阅读 AI 写同款· GEO 优化 ›

JS 实现复制文本到剪贴板 【代码】JS 实现复制文本到剪贴板。阅读详情

写法一：

function copyToClipboard(str) {
	const el = document.createElement('textarea'); //创建input对象
	el.value = str; 
	el.setAttribute('readonly', '');  //当前获得焦点的元素
	el.style.position = 'absolute';
	el.style.left = '-9999px';
	document.body.appendChild(el); //添加元素
	const selected = document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false;
	el.select();
	document.execCommand('copy'); //执行复制
	document.body.removeChild(el);//删除元素
	if (selected) {
		document.getSelection().removeAllRanges();
		document.getSelection().addRange(selected);
	}
};
copyToClipboard('I am a lovely boy');

写法二：

function copyText(text) {
        var textarea = document.createElement("input");//创建input对象
        var currentFocus = document.activeElement;//当前获得焦点的元素
        document.body.appendChild(textarea);//添加元素
        textarea.value = text;
        textarea.focus();
        if(textarea.setSelectionRange)
            textarea.setSelectionRange(0, textarea.value.length);//获取光标起始位置到结束位置
        else
            textarea.select();
        try {
            var flag = document.execCommand("copy");//执行复制
        } catch(eo) {
            var flag = false;
        }
        document.body.removeChild(textarea);//删除元素
        currentFocus.focus();
        return flag;
    }