需求如题。
静态页面如下。
需要的库: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