Javascript 如何仅在单击按钮时添加音频类？

如果您运行代码并转到第一首歌曲的结尾，您会注意到它会自动转到下一首歌曲。我只希望它转到下一首歌曲，如果添加到播放列表按钮被点击，如果它没有被点击，我希望它跳过它的权利。我真的很挣扎，希望能得到所有的帮助

$（文档）.ready（函数（）{
$（“.toggle_container”）.hide（）；
$（“button.reveal”）。单击（函数（）{
$（this）.toggleClass（“活动”）.next（）.slideToggle（“快速”）；
if（$.trim（$（this）.text（））===='添加到播放列表'）{
$（this）.text（'Remove from playlist'）；
}否则{
$（“#audioPlayer”）[0]。暂停（）；
$（“#audioPlayer”）[0].currentTime=0；
$（此）.text（'添加到播放列表'）；
}
返回false；
});
$（“a[href=”+window.location.hash+“']”）。父项（“.reveal”）。单击（）；
});
#搜索栏{
填充：15px；
边界半径：10px；
宽度：80%
}
#播放列表。当前歌曲a{
颜色：#7777FE；
边框颜色：#008ae6；
}
#播放列表{
列表样式：无；
}
#播放列表李a{
文字装饰：无；
颜色：#ca0ce0；
}
#播放列表{
字号：14.5px；
列表样式：无；
左边距：40px；
颜色：蓝色；
}
.动物{
显示：列表项；
边缘底部：5px；
}
#背景{
边框：实心；
宽度：100%；
高度：75px；
边缘顶部：5px；
左边距：5px；
}
#背景2{
边框：实心；
宽度：98%；
高度：75px；
边缘顶部：5px；
左边距：5px；
}
#背景3{
边框：实心；
宽度：100%；
高度：75px；
边缘顶部：5px；
左边距：0px；
}
#playlist.current-song{
边框颜色：#008ae6；
}
.形象{
宽度：100px；
浮动：左
}
#歌{
左边距：13px；
边缘顶部：9px；
浮动：左；
}
.艺术家{
文本对齐：居中；
右边距：20px；
字体大小：12px；
边缘顶部：14px；
}
.image3{
宽度：100px；
浮动：左；
高度：75px；
}


添加到播放列表


音频播放器（）；
函数audioPlayer（）{
var-currentSong=0；
$（“#播放列表LIA”）。单击（功能（e）{
e、 预防默认值（）；
$（“#audioPlayer”）[0].src=this；
$（“#audioPlayer”）[0]。播放（）；
$（“#playlist li”）.removeClass（“当前歌曲”）；
currentSong=$（this.parent（）.index（）；
$（this.parent（）.addClass（“当前歌曲”）；
});
$（“#audioPlayer”）[0]。addEventListener（“结束”，函数（）{
当前歌曲++；
如果（currentSong==$（“#播放列表a”）.length）
currentSong=0；
$（“#playlist li”）.removeClass（“当前歌曲”）；
$（“#播放列表li:eq（“+currentSong+”）.addClass（“当前歌曲”）；
$（“#audioPlayer”）[0]。src=$（“#播放列表LIA”）[currentSong]。href；
$（“#audioPlayer”）[0]。播放（）；
});
}