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程式碼插入你想在文章顯示的地方就可以了,雖然看起來是有點陽春,但不需要令外安裝外掛,也不會影響網頁的讀取速度,如果你剛好也有這個需求不妨試試這個方法吧。

1 則留言:

  1. 您好,

    我是来自珍珠山有限公司的Rita,来信想推荐一款我们推出的在线海报制作工具:https://www.designcap.com/希望您有机会能测试一下这款工具。

    如果您觉得好用,呈请在网站上推荐给您的读者。相信他们一定很乐意知晓此款软件。

    期待您的回复。

    Best Regards,
    Rita
    Email: rita@designcap.com
    Skype: Rita Fong



    回覆刪除