如何在html中单击音频标记中的下载选项时触发函数调用

我正在使用一个简单的音频标签，它有一个下载选项。我想记录下下载的次数。哪个事件处理程序将在这里执行我的工作？？如何使用该事件处理程序

我已经准备好了一个功能齐全的后端API。问题是我不知道如何在单击此处下载时调用函数，以便我可以进一步调用我的API

我在这里附上了我的代码

    <audio style={{ height: '30px' }} controls>
    <source
        src={renderHTML(lectureDetails.audio_link)}
        type="audio/mpeg"
    />
   </audio>

---

由于没有明确的事件来区分跨浏览器方式中的“按按钮下载”，我的建议是从

中删除“下载”选项：

然后在

附近添加一个按钮，使用户可以下载音频并通过侦听器跟踪其行为：

• 您可以使用“单击”事件
• 您可以触发XHR调用并跟踪进度/完成事件

---

由于没有明确的事件来区分跨浏览器方式中的“按按钮下载”，我的建议是从

中删除“下载”选项：

然后在

附近添加一个按钮，使用户可以下载音频并通过侦听器跟踪其行为：

• 您可以使用“单击”事件
• 您可以触发XHR调用并跟踪进度/完成事件

<audio controls id="audio" controlsList="nodownload">