解决在bootstrap模态框modal里使用clipboard.js时复制失效

前言

最近在写网站项目时，遇到一个问题

当我在bootstrap模态框modal中使用clipboard.js时，复制功能不起作用，但是在模态对话框之外的使用却没有任何问题

而从其他元素复制文本时复制功能依旧有效，但如果我从属性复制文本，却不起作用，data-clipboard-text属性失效

正文

后来发现是由于Bootstrap的模态强制执行焦点，导致第三方库（包括Clipboard.js）出现问题

通过执行以下操作来关闭此功能

Bootstrap 3

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

Bootstrap 4

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

版权属于：Xcnte' s Blog（除特别注明外）

本文链接：https://cloud.tencent.com/developer/article/1918386

本站文章采用 知识共享署名4.0 国际许可协议 进行许可，请在转载时注明出处及本声明！