Window.location.href不適用於剪貼板JS

Question

我想使用ClipboardJS庫將當前頁面的URL複製到剪貼板。我盡我所能，在這裏提出問題。

這裏是代碼：

使用Javascript/jQuery的：

new Clipboard('.copy', { 
    text: function(trigger) { 
     return window.location.href; 
    } 
}); 

HTML：

<div class="modal fade" id="modal" tabindex="-1" role="dialog"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-body"> 
     <button class="btn btn-default copy">Copy to clipboard</button> 
     </div> 
    </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal --> 

<a href="#" class="btn btn-primary" data-target=".modal" data-toggle="modal">Open modal</a> 

這裏是代碼筆：

http://codepen.io/anon/pen/LWgZpV

Answer 1

我解決了它由

$.fn.modal.Constructor.prototype.enforceFocus = function() { 
    new Clipboard('.copy', { 
    text: function(trigger) { 
     return window.location.href; 
    } 
}); 
}; 

似乎引導有一些問題與剪貼板庫。感謝https://github.com/zenorocha/clipboard.js/issues/155#issuecomment-217372642