大佬过来看看，为何移动端就复制不了

我想达到的效果：用户再详细页点击"复制"按钮，可以复制标题。

我在show_article.html中添加如下代码（网上找的代码）：

<input type="text" value="{$title}" id="myInput" style="display:none">
<a href="xxx:;" xxx="myFunction()"> <span class="page-xxx" style="color:#959595">复制</span></a>

<xxx>
function myFunction() {
  /* 获取文本内容 */
  var copyText = document.getElementById("myInput");

  /* 选择复制内容 */
  copyText.select();
  copyText.setSelectionRange(0, 99999); /* 为移动设备设置 */

   /* 复制内容到文本域 */
  navigator.clipboard.writeText(copyText.value);

  /* 弹出已复制的内容 */
  alert("复制的文案内容为: " + copyText.value);
}
</xxx>

发现在PC端可以复制，但是用手机打开 复制 按钮就没反应了。请问该如何修改？模板是自适应模板。