前端实现一键复制到剪切板

复制是网页上很常见的一个功能&＃xff0c;下面就使用js来实现复制功能&＃xff1b;


// 复制功能
copyUrl(dom) {var copyDOM &＃61; document.querySelector(dom); //需要复制文字的节点var range &＃61; document.createRange(); //创建一个rangewindow.getSelection().removeAllRanges(); //清楚页面中已有的selectionrange.selectNode(copyDOM); // 选中需要复制的节点 window.getSelection().addRange(range); // 执行选中元素var successful &＃61; document.execCommand(&＃39;copy&＃39;); // 执行 copy 操作 if(successful){message.success(&＃39;复制成功&＃xff01;&＃39;)}else{message.warning(&＃39;复制失败&＃xff0c;请手动复制&＃xff01;&＃39;)}// 移除选中的元素 window.getSelection().removeAllRanges();
}