Header Ads

如何在BLOGGER 加入點擊後「複製內容到剪貼簿」的功能

你在上網時是不是有時候會看到有些網站上有個小功能,可以點擊按鈕後將指定的內容複製到剪貼簿,這個功能雖然一般的網站或部落格可能用不到,但如果你和我一樣也有這個特殊的需求那可以試試本篇文章分享的方法喔。


因為最近我新建立的網站專門分享爐石戰記牌組,而爐石為了方便玩家建立套牌,每副套牌都有專屬的代碼,只要複製代碼便可以輕鬆建立爐石戰記套牌,但這些代碼通常很長一串,所以我就在想如可以一鍵複製的話就方便多了,所以開始GOOGLE搜尋各種方法。

在網路上搜尋也試過各種方法後,我找到一個比較簡單就能在BLOGGER上使用的JavaScript程式碼,輕鬆就能達成將內容複製到剪貼簿的需求。 (參考網址)

程式碼:

<div>
 <input id ="copyInput" value ="你想被複製的內容">
 <button onclick='copyInput()'>複製按紐文字</button>
</div>
<script>
 function copyInput(){
   document.getElementById('copyInput').select()
   document.execCommand('copy')
 }
</script>

範例:



如何?很簡單吧,只需要將JavaScript程式碼插入你想在文章顯示的地方就可以了,雖然看起來是有點陽春,但不需要令外安裝外掛,也不會影響網頁的讀取速度,如果你剛好也有這個需求不妨試試這個方法吧。

沒有留言