在带有onmousedown的Javascript/CSS中，音频剪切过快

我遇到了一个问题，点击一个链接时会发出一点嘟嘟声，除非点击被按住，否则会被切断

<script>
  var beep = new Audio();
  beep.src = "audio/select.mp3";
  </script>
  <div class="frame">
    <div class="upperband">
  <img src="images\Upper bar.png" alt="Upper overlay">
</div>
  <div class="outer">
    <div class="header">Maddie's School Site_</div>
      <div class="wrapper">
        <nav>
        - home<br>
        <a href="made.html" onmousedown="beep.play()">- Stuff I Made<br></a>
        <a href="wrote.html" onmousedown="beep.play()">- Stuff I wrote<br></a>
        <a href="whothehell.html" onmousedown="beep.play()">- Who the hell am I?<br></a>
        </nav>
        <div class="right">
          <div class="shadowFX">
          <img src="images\Website_Sprite_ghost.svg" alt="avatar">
        </div>
        </div>
      </div>
    </div>
  </div>

var beep=新音频（）；
beep.src=“audio/select.mp3”；
玛蒂的校址_
-主页

---

如果不是最干净的，就道歉。我进入网络编程学校已经一个月了，我们还没有学习Javascript，所以我的知识有限。

对于您编写的在mousedown上播放嘟嘟声的代码，您在同一元素上有一个href。这就是你问题的原因

    <a href="made.html" onmousedown="beep.play()">- Stuff I Made<br></a>
    <a href="wrote.html" onmousedown="beep.play()">- Stuff I wrote<br></a>

3.）如果希望在用户加载新页面时播放嘟嘟声，则只需在希望播放该页面的任何页面的部分中运行beep.play（）

4.）如果你想播放哔哔声并毫不延迟地将其无缝地传送到新页面，它会变得更复杂一些。有各种各样的解决方案，但似乎是一致的答案，但音频不会完美过渡

    <a onmousedown="beep.play()">- Stuff I Made<br></a>

function handlePageChange() {
    beep.play(); // start playing the beep
    
    // wait (timeout) for three seconds while the beep plays
    setTimeout(function() {
        // then load the new page
        document.location.href = "made.html"; // the new page you want to open
    }, 3000); // 3000 is three seconds. Update it to however long your beep is
}