javascript : 点击按钮,把某标签中的内容复制到剪贴板

需求如题。

静态页面如下。

需要的库:jquery(不用应该也能做)。

浏览器:PC chrome 68 Mobile MIUI9.5(Android 7)

<p>1.用电脑打开网址:<span id="span">www.baidu.com</span><a id="a" href="javascript:void(0)" onclick="copyFunc()">(点击复制)</a></p>

解决方法:

         $(function () {

            $(document.body).bind("copy",function(e){
var cpTxt = document.getElementById('span').innerHTML;
var clipboardData = window.clipboardData; //for IE
if (!clipboardData) { // for chrome
clipboardData = e.originalEvent.clipboardData;
}
//e.clipboardData.getData('text');//可以获取用户选中复制的数据
clipboardData.setData('Text', cpTxt);
alert("已复制到剪贴板");
return false;//否则设不生效
}) }) function copyFunc(e){
document.designMode = "on";
document.execCommand('copy', true);
document.designMode = "off";
}

参考:

https://blog.csdn.net/hackersaillen/article/details/45694181

https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand

https://developer.mozilla.org/zh-CN/docs/Web/API/Document/designMode

上一篇:基于显卡的光栅化渲染器Gaius计划


下一篇:js实现复制内容到剪切板,兼容pc和手机端,支持Safari浏览器