从输入（JS，jQuery）将文本复制到clipbard的问题

Question

我有表，在其中一个tds中有隐藏输入，一旦我点击该输入的td文本应该被复制到剪贴板。

所有在chrome，safari，firefox桌面浏览器和Android移动设备上运行良好。 但不适用于Apple mobile。

$(document).ready(function() {
  $('[id^=clickorderno-]').click(function(e) {
    e.preventDefault();

    var copyOrderno = $(this).data('copyid');
    var orderText = $('#copyorderno-' + copyOrderno).select();
    console.log(orderText);
    try {
      var successful1 = document.execCommand('copy');
      var msg1 = successful1 ? 'successful' : 'unsuccessful';
    } catch (err) {}
  });
});

.sample-td {
  width: 100px;
  height: 100px;
  background-color: green;
}

.input-noshow {
  background-color: transparent;
  border: 0px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 5px;
  color: transparent;
  cursor: default;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td data-copyid='1' id="clickorderno-1" class='sample-td'>
      <input type='text' class='input-noshow' id='copyorderno-1' value='To be copied'>
    </td>
  </tr>
</table>

任何sugestions，thx提前为你提供帮助