Zeroclipboard при копировании не срабатывает - PullRequest
0 голосов
/ 19 февраля 2019

Я пытаюсь создать копию в буфер обмена на одной из моих кнопок.Я использую библиотеку ZeroClipboard Jquery.Проблема в том, что мой фильм никогда не загружается, и он не вызывает copy() событие

. Первоначально решением было использование Jquery-типа этой библиотеки, но я переключился на обычный javascript, чтобы посмотреть, решит ли он проблему,к сожалению, это не так.

в моем <head> у меня есть ZeroClipboard.js включено.

Drupal.productPageClipboard = {
    copyUrl : function (context, settings) {
      ZeroClipboard.config({moviePath: Drupal.settings.basePath + Drupal.settings.pathToTheme +'/js/vendor/page/zeroclipboard/dist/ZeroClipboard.swf'});

      var client = new ZeroClipboard(document.getElementsByClassName("app__desctiption--share-menu--copy-link"));

      client.on('ready', function(event) {
        console.log('movie is loaded');

        client.on('copy', function(event) {
          console.log('copy happened')
            //target is defined in data-clipboard-target while creating button
            event.clipboardData.setData('text/plain', event.target.value);//instead of value, innerText works as well
        });

        // callback triggered on successful copying
        client.on('aftercopy', function(event) {
            console.log("Text copied to clipboard: \n" + event.data['text/plain']);
        });
    });
    },
  }

movie is loaded никогда не регистрируется, хотя я на 100%уверен, что указанный путь правильный.copy happened также никогда не загружается.Я не получаю никаких ошибок консоли в своем браузере относительно неправильно указанных сценариев.

Если я наведите курсор на элемент, который предполагается скопировать в буфер обмена, он добавляет к нему класс zeroclipboard-is-hover.Итак, я предполагаю, что большинство из них в порядке?

...