2017-04-05 4 views
2

https://clipboardjs.com/ 라이브러리를 사용하여 텍스트를 클립 보드에 복사합니다.버튼없이 'clipboard.js'를 사용하여 클립 보드에 텍스트 복사

모든 예제에서 버튼을 눌러야합니다. 그러나 단추없이 구현하는 방법은 무엇입니까? 버튼

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

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

하지만

+0

사용자가 사본을 시작하지 않으면 클립 보드에 텍스트가 포함되어 있음을 어떻게 알 수 있습니까? – couzzi

+0

https://github.com/zenorocha/clipboard.js/issues/218 - "이 기능도 갖고 싶지만 브라우저 공급 업체의 보안 제한으로 인해 복사/잘라 내기 작업을 수행하려면 사용자 상호 작용이 필요합니다. JavaScript를 사용하는 시뮬레이션 된 클릭 이벤트는 클립 보드 중독을 가능하게하므로 작동하지 않습니다. " –

+0

시도 :'clipboard.onClick()'. 이 라이브러리가'document.execCommand (...) '를 사용하고있는 것처럼 보입니다. 적어도 document.execCommand (...)는 최소한 사용자 개입없이 복사하는 것처럼 보입니다. – Titus

답변

5

Clipboard.js 창조자 여기에 버튼과 사용자 활동없이 원하는 :

init_clipboard(); 
copy_to_clipboard ('mytext'); 
clipboard.js의 예에서

. 많은 사람들이이 기능을 요청했지만 이것은 다양한 브라우저에서 부과 된 보안 제한 사항입니다. 자바 스크립트를 사용하여 클릭 이벤트를 시뮬레이트하려고하면 잘 작동하지 않습니다. 이 모든 것은 클립 보드 중독을 예방하기위한 것입니다.