天天看点

js 实现复制文本内容,可以在其他地方进行粘贴

在项目开发过程中会遇到复制某部分的文本内容,然后可以在其他地方通过右键或者 Ctrl + v 进行粘贴的需求,接下来看看如何通过 js 实现

//获取需要复制文字的节点

var copyDOM = document.querySelector(id);

//创建一个 range 对象

var range = document.createRange();

//清除当前页面中已有的selection

window.getSelection().removeAllRanges();

// 选中需要复制的节点

range.selectNode(copyDOM);

// 执行选中元素

window.getSelection().addRange(range);

// 执行 copy 操作, 复制选中的文字到剪贴板 - 返回 true or false

var successful = document.execCommand('copy');

if (successful) {

message.success('复制成功!')

} else {

message.warning('复制失败,请手动复制!')

}