无法在 Chrome 和 jQuery 中访问动态创建的音频元素 onClick

Question

在 Chrome 中，我无法访问音频元素的 onclick 方法（Chrome 版本 41）

... for 30 Audio Files

html += '<div>';
  html += '<audio class="audio-' + i + '" controls=controls preload=none src="' + thisSrc + '">';
     html += 'Sorry. Your browser does not support the audio HTML element.';
  html += '</audio>';
html += '</div>';

... end loop

$('.output').html(html);

因为这些是动态的，所以我正在尝试以下操作（这似乎是问题所在）：

$('.output').on( "click", "audio", function() {
     alert('test');
});

不适用于 Chrome。在 Firefox 中工作。

是不是因为Chrome的影子DOM？

非常感谢任何帮助，已经花太多时间在这上面了。谢谢

Answer 1

感谢@dave：

<audio> 和 <video> 元素不支持 click event