一键复制非文本域文本内容

html

基本点：
1、只能复制文本域的内容。
2、文本域不能设置display:none、οnfοcus=“blur”、disabled、visibility : hidden、height:0，否则复制失败;可设置readonly、opacity:0、overflow:hidden代替。
3、复制时只能原生JavaScript实现。
实现效果图：

主要代码块：
html，一个为例

<div class="fudong">
	<div class="flt">
		<i class="icon-weixin barSortIncon img-sub fontG"></i> 微信：<span class="copyHtml">sggyY11245656</span>
	</div>
	<div class="frt copy" style="background-color: #31DC12" onclick="copy(this)">
		<i class="icon-jichuxinxi" style="font-size: 0.325rem"></i>
	</div>
</div>
<!--粘贴板-->
<textarea id="copyHtml" class="opcity0" readonly></textarea>

JavaScript

function copy(_this){
    var copyHtml = $(_this).siblings().children('.copyHtml').html();
    var textNode = document.getElementById("copyHtml");
    textNode.value=copyHtml;
    textNode.innerHTML=copyHtml;
    textNode.select();
    document.execCommand("Copy"); // 执行浏览器复制命令
    layer.msg("复制成功，快去贴粘吧！");
}

css 略

小程序

  <button bindtap="copyBtn">一键复制</button>
  
   copyBtn: function (e) {
    var that = this;
    wx.setClipboardData({
      data: that.data.OrderModel.OrderNo,
      success: function (res) {
        wx.showToast({
          title: '复制成功',
        });
      }
    });
  },