Как отправить текст Div в буфер обмена при нажатии кнопки с помощью Zeroclipboard?
Я пытаюсь использовать Zeroclipboard, чтобы скопировать текст 3 деления в буфер обмена
Что я хочу, чтобы отправить содержание Tittle, Version, and Descript
в буфер обмена при нажатии кнопки копирования, чтобы пользователь мог ее использовать. Это в основном ссылка на книгу.
Текст на моем элементе div не может быть выбран, потому что в нем есть действия, которые изменяют значение версии и описания заголовка на следующие доступные данные в моей базе данных.
Вот почему мне нужна кнопка копирования, которая будет отправлять текущие данные div в буфер обмена.
Пока это то, что у меня есть. Я едва пытаюсь отправить текст описания, но ничего не происходит.
Насколько я могу судить, мой ZeroClipboard загружен должным образом, потому что консоль показывает загруженный фильм. Но когда я нажимаю кнопку, ничего не происходит.
Я буду признателен за чью-либо помощь.
Спасибо
Вот мой код
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.2.0/ZeroClipboard.js"></script>
<div id="container">
<div id="content">
<div id="MyContent">
<div id="title">The Book Title</div>
<div id="version">The Book Version</div>
<div id="descript">This is the short description of the book</div>
<button class="descript" accesskey="C">Copy</button>
</div>
</div>
</div>
<script type="text/javascript">
var client = new ZeroClipboard( $('#descript') );
client.on( 'ready', function(event) {
console.log( 'movie is loaded' );
client.on( 'copy', function(event) {
event.clipboardData.setData('text/plain', event.target.innerHTML);
} );
client.on( 'aftercopy', function(event) {
console.log('Copied text to clipboard: ' + event.data['text/plain']);
} );
} );
client.on( 'error', function(event) {
console.log( 'ZeroClipboard error of type "' + event.name + '": ' + event.message );
ZeroClipboard.destroy();
} );
</script>