前端一键复制到剪贴板,带格式复制

此一键复制可支持换行符,也可支持加粗等字体样式

// 复制(id为待复制内容的父类div的id)
Copy() {
    	this.selectElementContents(document.getElementById("CopyContent"));
},

// js一键复制
selectElementContents(el) {
      var body = document.body,
        range,
        sel;
      if (document.createRange && window.getSelection) {
        range = document.createRange();
        sel = window.getSelection();
        sel.removeAllRanges();
        try {
          range.selectNodeContents(el);
          sel.addRange(range);
        } catch (e) {
          range.selectNode(el);
          sel.addRange(range);
        }
        document.execCommand("copy");
        //取消文本选中状态
        window.getSelection().empty();
        this.$message({
          message: "已复制",
          type: "success",
        });
      }
    },

效果如下:

复制前

复制后

前端一键复制到剪贴板,带格式复制_第1张图片

你可能感兴趣的:(笔记,前端,javascript,html)