在javascript中將事件偵聽器添加到音頻HTML5標記

Question

嗨我在Javascript中創建一個新的音頻標簽元素這是代碼：

var audio = document.createElement("audio");
audio.setAttribute("id","myid");
audio.setAttribute("autoplay","autoplay");
document.body.appendChild(audio);

在將它附加到身體之前，我想放置一個被觸發的事件處理程序，我嘗試過這樣的事情：

audio.onended = foo;

其中foo類似於：function foo（）{alert（'Hola'）}

和

audio.setAttribute("onended","foo()");

在這兩種情況下它都不起作用。 在第一種情況下，音頻標簽被附加而沒有任何onended事件處理程序; 而在第二種情況下，附加了音頻標簽，onended事件在屬性上，但它不會觸發。

有人有什么想法？

提前致謝。

-Z-

Answer 1

嘗試：

audio.addEventListener('ended', foo);

這是添加事件偵聽器的正確和標准方法。

Answer 2

首先，確保音頻元素在使用之前是否具有該事件，假設HTMLAudioElement是音頻，您可以像測試它一樣測試它audio.hasOwnProperty('onended')

根據我的瀏覽器，它不支持。

Answer 3

我從谷歌找到了這個非常有用的jsfiddle： http ： //jsfiddle.net/aarongloege/fzXsT/light/

{Code on /*jsFiddle*/}