首页 > 前端
jq复制功能+弹框提示
来源:TP课堂 时间:2022-12-14 点击:297

引入clipboard.min.js

复制成功后弹窗提示

预览:jq复制功能+弹框提示


直接指定复制的文字:

  <div class="copy_btn1" data-clipboard-text="Tel. +86 55578701"></div>
  $(function () {
    var clipboard = new Clipboard('.copy_btn1');

    clipboard.on('success', function (e) {
      $(".copy_success").css('display', 'flex');

      setTimeout(function () { $(".copy_success").css('display', 'none') }, 2000);

      e.clearSelection();
    });

  });