Xcnte

解决在bootstrap模态框modal里使用clipboard.js时复制失效
前言 最近在写网站项目时,遇到一个问题 当我在bootstrap模态框modal中使用clipboard.js时,...
扫描右侧二维码阅读全文
05
2019/09

解决在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() {};
Last modification:September 10th, 2019 at 10:34 pm
如果觉得我的文章对你有所帮助,请随意赞赏

Leave a Comment

7 comments

  1. Ai

    太强了

    1. Xcnte
      @Ai

      大佬,别这么谦虚

      1. Ai
        @Xcnte

        我是真的菜呐~,---你邮件回复是不是挂了,没收到回复

        1. Xcnte
          @Ai

          现在应该恢复正常了

          1. Ai
            @Xcnte

            嗯,收到了!

            1. Xcnte
              @Ai

              ୧(๑•̀⌄•́๑)૭

  2. Xiao

    滴!访客卡!请上车的乘客系好安全带,现在是:Fri Sep 06 2019 16:14:15 GMT+0800 (中国标准时间)