从 textarea 复制到剪贴板问题 javascript

Question

我有两个问题：Java 脚本不适用于 IE Edge，无法复制（IE11/Firefox 和 Chrome 可以使用）。如果我将其更改为<p>或有效，<span>则问题与 textarea 相关。

我遇到的第二个问题是，当我将信息传递到邮件中时（浏览器 IE、Firefox、Chrome），我得到了一个屏幕截图（见图）。如果我将它粘贴到记事本中，我会得到正确的输出

有什么建议支持什么可以改变或为什么会这样？

              $('.btn').on('click', function(){

              element = $(this).closest('td').prev('td')[0];

              var selection = window.getSelection();        

              var range = document.createRange();

              range.selectNodeContents(element);

              selection.removeAllRanges();

              selection.addRange(range);

               try {

                  var successful = document.execCommand('copy');

                 if(successful) {

                  $('.res').html("Value Copied");

                        window.setTimeout(function() {

              $(".res").fadeTo(1500, 2000).slideUp(1500, function(){

               

              });

            }, 100);

                 }

                  else

                  { $('.res').html("Unable to copy!");} 

               } catch (err) {

                 $('.res').html(err);

               }

            });

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

<div id="alert_message" class="res" style=" color:#FF0000; font-size:10px; font-weight:bold"></div>   

    <td><textarea></textarea></td>

    <td><button type="button" class="btn pull-right btn-success btn-sm" title="Copy Information"><span class="glyphicon glyphicon-copy" aria-hidden="true"></span></button></td>

当我复制到邮件链时，为什么我得到的是屏幕截图而不是文本？