clipboard.js: ошибки недопустимого конструктора в JavaScript API

Question

Я пытаюсь запустить событие копирования URL-адреса с помощью clipboard.js.Я установил его на моем сервере, и ссылка на clipboard.js есть в моем коде.Так что у меня есть в моем нижнем колонтитуле:

<script type="text/javascript">
     var url = document.location.href;

    new Clipboard('.btn', {
        text: function() {
    return url;
  }
});
</script>

И это просто для моей кнопки:

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

Простой.И вот пример на SO, который действительно работает: Скопируйте URL из браузера, используя clipboard.js

Но мой выдает ошибку Незаконного конструктора в моем скрипте, и я действительно озадачен, почему,Я забыл что-то, из-за чего появилась эта ошибка?

Вот пример стека: Скопируйте URL из браузера с помощью clipboard.js

Вот что я получил: https://dadventuresla.com/copy-link-test/

Answer 1

У вас есть опечатка - просмотр документов буфера обмена показывает, что вам нужно использовать ClipboardJS, а не Clipboard:

<script type="text/javascript">
    var url = document.location.href;
    new ClipboardJS(".btn", {
        text: function() {
            return url;
        }
    });
</script>

Answer 2

согласно https://clipboardjs.com/ должно быть ClipboardJS

<script type="text/javascript">
     var url = document.location.href;

    new ClipboardJS('.btn', {
        text: function() {
    return url;
  }
});
</script>