动态添加的音频元素不会获取eventlisteners

Question

我的页面上有音频元素，我已添加了监听＆＃34;播放＆＃34;事件。如果是，我想执行一些东西。

我还动态地将音频元素添加到我的DOM（ajax fetch）。但是，对于在页面加载后新添加的这些元素，eventlsiteners不起作用。我已经调查了事件代表团，我不认为我做对了。这是我当前的代码[目前只将侦听器应用于页面上重新加载的元素]。

var audioFiles = document.getElementsByTagName('audio');

for (var i = 0; i < audioFiles.length; i++) {

    // function to execute if an audio file is played or resumed
    audioFiles[i].addEventListener("playing", function() {

        // save its ID in a variable
        var id = parseInt(this.id); // parseInt() turns this into an integer

        // then save the DOM element that was just played in a variable
        var filePlayed = $("#" + id);

        // then do some more things......
    }, true)
};