動的にバインドするとオーディオイベントが発生しない

Question

オーディオを再生しているオーディオ要素（js経由でbodyに追加しています）があります。私がhtmlでイベントonplayをバインドすると、それは動作します。

<audio onplay="alert('t')" .... its working... 

しかし、私はjs経由でそれをバインドしている場合、それは動作しません。

document.getElementById('audio1').onplay = function() { alert('t'); }; //..... not working 

どのような解決策ですか？

Answer 1

これは、イベントリスナーをアタッチする適切な方法はありませんが、試してみてください。

document.getElementById('audio1').addEventListener('play',function() { alert('t'); });