需求如題。
靜態頁面如下。
需要的庫: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