不使用flash实现复制文字(图片)到剪贴板

Posted 逐影

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了不使用flash实现复制文字(图片)到剪贴板相关的知识,希望对你有一定的参考价值。

<div>这里是待复制的文字或图片</div>
var range = document.createRange();

var referenceNode = document.getElementsByTagName("div")[0];

range.selectNode(referenceNode);

window.getSelection().addRange(range);

try {  
  var successful = document.execCommand(‘copy‘);  
  
var msg = successful ? ‘successful‘ : ‘failed‘;   console.log(‘Copy ‘ + msg); } catch(err) {   console.log(‘Oops, unable to copy‘);
  clipboardData.setData(
‘Text‘, "Some data"); }

// Remove the selections - NOTE: Should use
// removeRange(range) when it is supported
window.getSelection().removeAllRanges();

 如此一来就能省去了制作flash的麻烦。

以上是关于不使用flash实现复制文字(图片)到剪贴板的主要内容,如果未能解决你的问题,请参考以下文章

不使用 Flash 复制到剪贴板

JS pc端和移动端共同实现复制到剪贴板功能实现

js插件zClip实现复制到剪贴板功能

JS 点击复制按钮 将文字复制到手机剪贴板

在浏览器中复制到剪贴板 BINARY 数据

QT读取剪切板内容-实现复制粘贴文本和图片