Javascript 音频暂停不工作，全局-局部变量问题？

我想对于一个初学者来说，我把事情复杂化了，但我想做的就是在我的四个按钮中立即添加addEventListener。 然后将该事件传递给一个新函数，该函数检查触发该事件的按钮。然后，为每个按钮调用相应的函数

在这之前一切都很顺利。一切正常，我甚至可以让控制台记录来自每个函数的消息，但是，其他一切，但音频不会暂停。 音频播放正常，但不暂停，我正在考虑全局-局部变量问题，但在签入DevTools时，console.log表示相同的音频正在传递到我的暂停函数，但仍然不暂停它。我不想采取最后的手段，但从昨天开始就一直在努力，任何洞察都会很好

var audioBar=document.getElementsByClassName（“audioBar”）；
var playerBtn=document.getElementsByClassName（“playerBtn”）；
var prev=document.getElementById（'prev'）；
var play=document.getElementById（'play'）；
var pause=document.getElementById（'pause'）；
var pause=document.getElementById（'stop'）；
var next=document.getElementById（'next'）；
var seek=document.getElementById（“seek”）；
艾利斯滕；
对于（变量i=0；i

在播放任何音频/视频文件之前，必须先加载它。 例如

愿这能解决你的问题

---

这里的主要问题是，

whichButton

不是作为事件侦听器在各个播放按钮之间共享的对象，因此当您将

乘客

放在外部时，它将是真正的全局性的，还有其他一些小问题，在演示中修复了它们：

---

事件

未定义…这将导致javascript错误。

这有点晚了，但我想我需要写下我对它所做的。 就像mido22建议的那样，我和我的乘客有麻烦，所以我不得不全部改变。我不得不重写大部分内容

无论如何，这是相当混乱的，没有在这个项目上工作，所以不关心演示。完成了这么长时间，但忘记了回到stackoverflow。今天来这里寻求不同问题的答案

如果有人感兴趣，请让我知道我可以如何使这个代码更好

var audioBar = document.getElementsByClassName("audioBar"),
      playerBtn = document.getElementsByClassName("playerBtn"),
      prev = document.getElementById('prev'),
      play = document.getElementById('play'),
      pause = document.getElementById('pause'),
      pause = document.getElementById('stop'),
      next = document.getElementById('next'),
      seek = document.getElementById("seek"),
      vol = document.getElementById("vol"),
      songInfo = document.getElementById("songInfo").querySelectorAll("p"),

      eListener;
  for(var i=0; i<playerBtn.length; i++){ 
      playerBtn[i].addEventListener("click", whichButton, true);
      eListener = playerBtn[i];
  }

  var audio = new Audio(), 
      factor = (seek.clientWidth/audio.duration) * parseFloat(audio.currentTime) / (seek.clientWidth/100);
      audio.src = function (){songs[0].file};
      vol.value = 5;

  function progress(){
    seek.value = 0;
    seek.value = (seek.clientWidth/audio.duration) * parseFloat(audio.currentTime) / (seek.clientWidth/100);
    songInfo[0].textContent = songs[0].artist + " - " + songs[0].title;
    songInfo[1].textContent = String(audio.currentTime).toTime() + " | " + String(audio.duration).toTime();

    if(audio.ended || audio.paused) {play.childNodes[0].className = "fa fa-play fa-2x";}
  }

  function volChange(){ vol.value = event.target.value; audio.volume = vol.value/10; }

  function seekupdate(){ seek.value = event.target.value; audio.currentTime = seek.value/(seek.clientWidth/audio.duration) * (seek.clientWidth/100) }

  audio.addEventListener("timeupdate", progress);
  seek.addEventListener("input", seekupdate);
  vol.addEventListener("input", volChange);

  function  whichButton(eListener){ 
      var whichID = eListener.target.parentElement.id,
          whichClass = eListener.target.className;
          event.preventDefault();

      if(!(audio.paused) && whichID === "stop") {audio.pause(); audio.currentTime = 0;}

      if((audio.paused) && whichClass === "fa fa-play fa-2x") {audio.play(); event.target.className = "fa fa-pause fa-2x";}

      if(!(audio.paused) && whichClass === "fa fa-pause fa-2x") {audio.pause(); event.target.className = "fa fa-play fa-2x";}

  }

var audioBar=document.getElementsByClassName（“audioBar”），
playerBtn=document.getElementsByClassName（“playerBtn”），
prev=document.getElementById（'prev'），
play=document.getElementById（'play'），
pause=document.getElementById（'pause'），
pause=document.getElementById（'stop'），
next=document.getElementById（'next'），
seek=document.getElementById（“seek”），
vol=document.getElementById（“vol”），
songInfo=document.getElementById（“songInfo”）.querySelectorAll（“p”），
埃利斯滕纳；
for（var i=0；iIf every cases调用
preventDefault（）
，在
开关之外调用它
，
事件
未定义，您将其命名为
eListener
@kaido我不确定是否要在外部调用它。我会尝试的，谢谢。您的意思是您在您的末端尝试了它，并且得到了未定义的事件=>吗？我应该发布整个内容吗？HTML和整个JS？在
开关（）之外调用它
，但在
按钮中
。我没有尝试运行您的代码，但仅仅阅读就足以发现第一个问题，可能还有另一个问题，可以通过实际工作片段更容易检测到。是的。调用
preventDefault（）
outside起作用了，谢谢。简单的问题，我不会有任何默认情况，据我所知，switch需要一个默认情况？或者我只是抛出一个随机错误消息？如果你在视频/音频标记的源标记中直接传递'src'，那么它不是强制性的。我真的希望，我错过了类似的东西，但这一个没有I don’我不能解决这个问题。谢谢
function whichButton(eListener) {
    var whichID = eListener.target.parentElement.id;
    var whichClass = eListener.target.className;
    event.preventDefault();

var audioBar = document.getElementsByClassName("audioBar"),
      playerBtn = document.getElementsByClassName("playerBtn"),
      prev = document.getElementById('prev'),
      play = document.getElementById('play'),
      pause = document.getElementById('pause'),
      pause = document.getElementById('stop'),
      next = document.getElementById('next'),
      seek = document.getElementById("seek"),
      vol = document.getElementById("vol"),
      songInfo = document.getElementById("songInfo").querySelectorAll("p"),

      eListener;
  for(var i=0; i<playerBtn.length; i++){ 
      playerBtn[i].addEventListener("click", whichButton, true);
      eListener = playerBtn[i];
  }

  var audio = new Audio(), 
      factor = (seek.clientWidth/audio.duration) * parseFloat(audio.currentTime) / (seek.clientWidth/100);
      audio.src = function (){songs[0].file};
      vol.value = 5;

  function progress(){
    seek.value = 0;
    seek.value = (seek.clientWidth/audio.duration) * parseFloat(audio.currentTime) / (seek.clientWidth/100);
    songInfo[0].textContent = songs[0].artist + " - " + songs[0].title;
    songInfo[1].textContent = String(audio.currentTime).toTime() + " | " + String(audio.duration).toTime();

    if(audio.ended || audio.paused) {play.childNodes[0].className = "fa fa-play fa-2x";}
  }

  function volChange(){ vol.value = event.target.value; audio.volume = vol.value/10; }

  function seekupdate(){ seek.value = event.target.value; audio.currentTime = seek.value/(seek.clientWidth/audio.duration) * (seek.clientWidth/100) }

  audio.addEventListener("timeupdate", progress);
  seek.addEventListener("input", seekupdate);
  vol.addEventListener("input", volChange);

  function  whichButton(eListener){ 
      var whichID = eListener.target.parentElement.id,
          whichClass = eListener.target.className;
          event.preventDefault();

      if(!(audio.paused) && whichID === "stop") {audio.pause(); audio.currentTime = 0;}

      if((audio.paused) && whichClass === "fa fa-play fa-2x") {audio.play(); event.target.className = "fa fa-pause fa-2x";}

      if(!(audio.paused) && whichClass === "fa fa-pause fa-2x") {audio.pause(); event.target.className = "fa fa-play fa-2x";}

  }