實現該功能的主要思路是:給元素添加事件,回調獲取當前內容,然後賦值到input或者textarea標籤中,觸發window自帶的複製事件,然後隱藏input或者textarea標籤即可
具體代碼實現:
<button id="btn">這是一個需要複製的文本</button>
<input id="hide" type="text">
<script>
$("#btn").click(function(){
$("#hide").val($("#btn").text());
$("#hide").select();
document.execCommand("Copy")
})
</script>
我這塊採用的是input框來進行賦值,最後可以給input框加上樣式,透明度爲0(不要設置成display:none),然後絕對定位到角落即可。