bootstrap模态框modal里使用clipboard.js时复制无效怎么解决?

Song981 次浏览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() {};


提交评论

请登录后评论

用户评论

    当前暂无评价,快来发表您的观点吧...

更多相关好文