Js 页面内容快速复制黏贴 发送给客户

    <style type="text/css">    
      .copy {position: absolute; top: 0; left: 0; opacity: 0; z-index: -10;}
    </style>

    <div class="layui-form-item">    
      <div class="layui-col-xs3">cas：<span id="copy_cas">24424-99-5</div>
      <div class="layui-col-xs3">英文名称：<span id="copy_name_en">Di-tert-butyl dicarbonate</span></div>
      <div class="layui-col-xs3">中文名称：<span id="copy_name_cn">BOC酸酐</span></div>
      <div class="layui-col-xs3">询盘规格：<span id="copy_package">500g 5kg</span><button type="button" class="layui-btn layui-btn-xs"  id="btn_copy_cas">复制</button></div>
    </div>
    <textarea class="copy" id="copy_textarea" type="text"></textarea>

    <script language="javascript">    
      //点击复制，第一步拼凑需要发送的字符串，第二步复制给隐藏的textarea，第三步执行execCommand 命令
      $("#btn_copy_cas").click(function () {
         var input=document.getElementById('copy_textarea');
         var inputStr = '';
         inputStr +=$("#copy_name_cn").html()+"\r\n";
         inputStr +=$("#copy_name_en").html()+"\r\n";
         inputStr +=$("#copy_cas").html()+"\r\n";
         inputStr +=$("#copy_package").html();
         input.value=inputStr;
         input.select();
         document.execCommand("Copy");
      });
    </script>

最终效果：点击复制，直接发送