bootstrap模态框modal里使用clipboard.js时复制无效怎么解决?
Song •
2411 次浏览 •
0个评论 •
2023年07月03日
当我在bootstrap模态框modal中使用clipboard.js时,复制功能不起作用,但是在模态对话框之外的使用却没有任何问题
而从其他元素复制文本时复制功能依旧有效,但如果我从属性复制文本,却不起作用,data-clipboard-text 属性失效
一、最新解决方法:
使用container定义一下即可:
var clipboard = new ClipboardJS(.btn, {
container: document.getElementById(exampleModal)
});
二、老的解决方法
后来发现是由于Bootstrap的模态强制执行焦点,导致第三方库(包括Clipboard.js)出现问题
通过执行以下操作来关闭此功能:
Bootstrap 3
$.fn.modal.Constructor.prototype.enforceFocus = function() {};Bootstrap 4
$.fn.modal.Constructor.prototype._enforceFocus = function() {};更多相关好文
-
laravel如何在控制器中获取created_at时间戳或日期 2023-06-28 -
JS/Jquery/vue/react二维码生成美化插件 2023-06-27 -
Javascript 二维码识别插件 jsQR 2023-06-27 -
JS使用image-conversion实现jpg/png图片压缩 2023-06-16 -
JQuery图片压缩插件推荐以及产品讲解 2023-06-16

Jquery使用xlsx实现批量导入Excel数据