在 Bootstrap 模态中使用 clipboard.js

Question

我在使用 Chrome、FF 和 IE 11 时遇到问题...在 bootstrap 模态中 clipboard.js 不会复制剪贴板中的字符串。我做了一个测试，使用相同的代码从主页和模态复制。这在主页中运行良好，但在模态页面中运行不正常。

我在剪贴板成功添加了一个监听器，其中包含基本信息，并且我在控制台上获得了完全相同的信息...所以从它的角度来看，它甚至在模态中成功复制了字符串？？

clipboard = new Clipboard('a[href^=\\], a[href^=file]');
clipboard.on('success', function(e) {
    console.info('Action:', e.action);
    console.info('Text:', e.text);
    console.info('Trigger:', e.trigger);
}

https://jsfiddle.net/SamuelC/uhc51of1/15/

Answer 1

感谢 Ben Jackson 的回答，我的问题已经解决了。只需添加：

$.fn.modal.Constructor.prototype.enforceFocus = function() {};

到目前为止，这个 bootstrap 模态修改不会影响我在模态中使用的任何其他 JS 库...

在 Bootstrap 模态中使用 clipboard.js

Using clipboard.js in a Bootsrap modal

bootstrap-modal

twitter-bootstrap-3

clipboard.js