2017-04-05 142 views
2

我用https://clipboardjs.com/庫文本複製到剪貼板。複製文本到剪貼板使用「clipboard.js」無按鈕

在所有的例子,你需要按下按鈕。但如何實現它沒有一個按鈕?

init_clipboard(); 
copy_to_clipboard ('mytext'); 

在clipboard.js例如:

var clipboard = new Clipboard('.btn', { 
    text: function() { 
     return 'to be or not to be'; 
    } 
}); 

與按鈕

<button class="btn">Copy</button> 

但我想沒有一個按鈕,用戶活動

+0

如果用戶沒有啓動複製,他們將如何知道自己現在剪貼板包含文本? – couzzi

+0

https://github.com/zenorocha/clipboard.js/issues/218 - 「我很想有這樣的太多,但由於瀏覽器廠商施加的安全限制,用戶交互是爲了複製/剪切工作需要一個使用JavaScript模擬的點擊事件不起作用,因爲這會啓用剪貼板中毒。「 –

+0

嘗試:'clipboard.onClick()'。它看起來像這個庫正在使用'document.execCommand(...)'似乎無需用戶干預至少在Chrome上進行復制。 – Titus

回答

5

Clipboard.js創作者在這裏。許多人都要求這個功能,但這是由各種瀏覽器強加的安全限制。如果您嘗試使用JavaScript來模擬點擊事件,它將無法正常工作。所有這些都是因爲防止剪貼板中毒。