Question

我正在尝试在我的一个按钮上实现复制到剪贴板的功能。我正在使用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类。所以我认为大多数都可以吗？

复制功能上的Zeroclipboard不会触发

0 个答案: