在Bootsrap模式中使用clipboard.js

时间:2016-11-08 15:32:05

标签: twitter-bootstrap-3 bootstrap-modal clipboard.js

我遇到Chrome,FF和IE 11的问题...当在引导模式中时,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/

1 个答案:

答案 0 :(得分:0)

感谢Ben Jackson的回答,我解决了我的问题。 只需添加:

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

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