2017-02-20 162 views
0

我有一個電子郵件地址在我的網頁,我想當用戶點擊它,然後電子郵件地址將複製到剪貼板和小警報(如附上)它向用戶顯示在複製到剪貼板的盒子附近的小標籤,小提醒複製到剪貼板clipboard.js

我用https://clipboardjs.com/實現我的目標。 它複製到剪貼板很好,但問題是,如果需要,它並不顯示用戶,它複製上點擊之後到剪貼板,

enter image description here

我的代碼:

的JavaScript

new Clipboard('.btn'); 

HTML

<button class="btn" data-clipboard-text="[email protected]"> 
         [email protected] 
</button> 

欣賞任何建議

+0

任何工作示例? – Aslam

回答

1

實際上,工具提示並不是clipboard.js的一部分。如果您查看頁面的源代碼,您可以看到tooltip.js已在demo.js中添加和配置。

您只需要添加一個工具提示庫或函數就像演示頁面並在按鈕單擊時使用它。

希望它有幫助。

+0

謝謝,它是正確的。你會介意如果建議我在我的項目中添加一個工具提示庫嗎? –

+0

您可以使用demo clipboardjs網站正在使用的那個。這是一個簡單的。如果我的答案幫助了你,請不要忘記選擇它作爲答案:) – Aslam

+1

這個鏈接是有幫助的,也謝謝你指導我在那裏。 http://stackoverflow.com/questions/37798967/tooltip-on-click-of-a-button –