前言
最近在写网站项目时,遇到一个问题
当我在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://www.xcnte.com/archives/640/
本站文章采用 知识共享署名4.0 国际许可协议 进行许可,请在转载时注明出处及本声明!
8 comments
复制进去为啥报错了,我的是h5页面,写的js Cannot read property 'Constructor' of undefined
太强了
大佬,别这么谦虚
现在应该恢复正常了
嗯,收到了!
୧(๑•̀⌄•́๑)૭
滴!访客卡!请上车的乘客系好安全带,现在是:Fri Sep 06 2019 16:14:15 GMT+0800 (中国标准时间)