Javascript 点击按钮会无缘无故跳到屏幕底部吗？

我有一个按钮，当我点击它时，它会像预期的那样打开弹出窗口，但它也会随机跳到页面底部。我不明白为什么

按钮html：

    <div id="ip" data-clipboard-text="">
                                <button class="myLink" onclick="myFunction()" >PLAY.TITANSCRAFT.COM</button> <i class="fas fa-copy"></i>
                                <p>Click to copy IP address!</p>
                            </div>

script:

PLAY.TITANSCRAFT.COM
点击复制IP地址

脚本：

功能copyTextToClipboard（文本）{
var textArea=document.createElement（“textArea”）；
textArea.value=文本；
document.body.appendChild（textArea）；
textArea.focus（）；
textArea.select（）；
试一试{
var successful=document.execCommand（'copy'）；
var msg=successful？'successful'：'successful'；
log（'复制文本命令为'+msg'）；
}捕捉（错误）{
log（'Oops，无法复制'）；
}
document.body.removeChild（textArea）；
}
var copyborbtn=document.querySelector（'.myLink'）；
//获取模态
var modal=document.getElementById（“模态警报”）；
var span=document.getElementsByClassName（“关闭”）[0]；
span.onclick=函数（）{
modal.style.display=“无”；
}
window.onclick=函数（事件）{
如果（event.target==模态）{
modal.style.display=“无”；
}
}
copyBobBtn.addEventListener（'click'，函数（事件）{
copyTextToClipboard（'play.titanscraft.com'）；
modal.style.display=“块”；
setTimeout（函数（）{
modal.style.display=“无”；
}, 2000);
});

我对JavaScript不是很了解，但我没有看到任何可能导致这种情况发生的因素。 如果您想看到我所说的跳转到底部，请转到并单击导航栏中显示“play.titanscraft.com”

可能

textArea.focus（）

，对其进行注释，看看是否仍然发生。可能是

textArea.focus（），对其进行注释，然后查看是否仍然发生。
<script>
function copyTextToClipboard(text) {
  var textArea = document.createElement("textarea");

  textArea.value = text;

  document.body.appendChild(textArea);
  textArea.focus();
  textArea.select();

  try {
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Copying text command was ' + msg);
  } catch (err) {
    console.log('Oops, unable to copy');
  }

  document.body.removeChild(textArea);
}

var copyBobBtn = document.querySelector('.myLink');

// Get the modal
var modal = document.getElementById("modal-alert");

var span = document.getElementsByClassName("close")[0];

span.onclick = function() {
  modal.style.display = "none";
}

window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}

copyBobBtn.addEventListener('click', function(event) {
  copyTextToClipboard('play.titanscraft.com');
  modal.style.display = "block";
  setTimeout(function(){
    modal.style.display = "none";  
  }, 2000);
});
</script>