javascript - 单击 上的播放按钮时触发功能

Question

我有我的音频元素:

<audio class='mp3audio' src='file.mp3'></audio>

我想在 jQuery 中单击播放按钮时执行功能或操作。我发现了很多用于创建您自己的自定义控件的东西，但是单击播放按钮时没有任何东西可以触发。最近的I've found is this ，但是我不能使用有用的东西，比如 $(this)。

我真的很想要这样的东西:

$('audio.mp3audio').click(function () {
    alert("you clicked play");      
});

但是我找不到任何关于它的文档？

Answer 1

可以hook到playing事件，这样无论audio元素如何控制，都可以运行代码；从播放控件，或手动通过代码。试试这个:

$('audio').on('playing', function() {
  console.log('playback started!');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<audio id="audio" src="http://www.sousound.com/music/healing/healing_01.mp3" preload="auto"   controls></audio>