jq實現複製文本功能

實現該功能的主要思路是:給元素添加事件,回調獲取當前內容,然後賦值到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),然後絕對定位到角落即可。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章