在 <audio> 元素上的 onclick 事件

Question

给定以下标记：

<audio controls onclick="alert('hi')">
    <source src="/url/track.mp3" type="audio/mpeg">  
</audio>

当我点击事件时没有得到任何响应。似乎所有的onclick事件都绑定到了播放器控件上。

我的目标是在用户点击“播放”时运行一个单独的函数。

- raisa chudinova

Answer 1

onplay 属性就是您要找的。

<audio onplay="myFunction()">...</audio>

这里有一些关于it技术的文章，可以在w3schools网站上查看：点击此处。

- Alexander Mikhalchenko

Answer 2

你可以在音频元素上放置一个不可见的div：

<script>
    function catchClick(){
        alert("hi");
    }
</script>

<div onclick="catchClick()" style="position:absolute;z-index:1;width:300px;height:30px;">
</div>
<audio controls>
    <source src="/url/track.mp3" type="audio/mpeg">
</audio>

然后，在catchClick函数中，您可以通过此方法将鼠标点击传递给音频元素如何使用JavaScript模拟鼠标单击

- cantelope