Как отправить текст 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>

0 ответов

Другие вопросы по тегам